aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html
diff options
context:
space:
mode:
authorbors-servo <lbergstrom+bors@mozilla.com>2019-08-03 11:04:08 -0400
committerGitHub <noreply@github.com>2019-08-03 11:04:08 -0400
commitd2856ce8aeca11e543bc4d9f869400d73451374e (patch)
treeda3408a7a8e2a1127b568a5b6ea98157632f3e9f /tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html
parentecd32570c0d20b1cf9ea1711d2f819725f74ad17 (diff)
parentb68253eac07a8ca2903859b3148ac1c721930cc4 (diff)
downloadservo-d2856ce8aeca11e543bc4d9f869400d73451374e.tar.gz
servo-d2856ce8aeca11e543bc4d9f869400d73451374e.zip
Auto merge of #23911 - servo-wpt-sync:wpt_update_03-08-2019, r=servo-wpt-sync
Sync WPT with upstream (03-08-2019) Automated downstream sync of changes from upstream as of 03-08-2019. [no-wpt-sync]
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html')
-rw-r--r--tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html43
1 files changed, 43 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html b/tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html
new file mode 100644
index 00000000000..29acc05a222
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-multicol/multicol-rule-nested-balancing-001-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+ <meta charset="utf-8">
+ <title>CSS Multi-column Layout Test Reference: Test the column rules' block-size with nested balancing multicol container</title>
+ <link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
+ <link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+
+ <style>
+ .outer {
+ column-count: 2;
+ column-rule: 6px solid black;
+ column-fill: auto;
+ width: 400px;
+ height: 250px;
+ }
+ .inner {
+ column-count: 2;
+ column-rule: 3px solid gray;
+ column-fill: auto;
+ height: 200px;
+ }
+ .outer-block {
+ background-color: lightgreen;
+ height: 200px;
+ }
+ .inner-block {
+ background-color: lightblue;
+ height: 150px;
+ }
+ .space {
+ height: 50px;
+ }
+ </style>
+
+ <article class="outer">
+ <div class="outer-block"></div>
+ <div class="space"></div>
+ <article class="inner">
+ <div class="inner-block"></div><div class="space"></div>
+ <div class="inner-block"></div><div class="space"></div>
+ </article>
+ </article>
+</html>