summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/020.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/deprecated-flexbox/020.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/deprecated-flexbox/020.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/020.html b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/020.html
new file mode 100644
index 0000000..14fc969
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/020.html
@@ -0,0 +1,39 @@
+<html>
+<head>
+<style>
+div {
+ display: -moz-box;
+ display: -webkit-box;
+ display: box;
+}
+
+.first {
+ -moz-box-flex-group: 1;
+ -webkit-box-flex-group: 1;
+ box-flex-group: 1;
+ background-color: green;
+ -moz-box-flex: 1;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+}
+
+.second {
+ -moz-box-flex-group: 2;
+ -webkit-box-flex-group: 2;
+ box-flex-group: 2;
+ background-color: red;
+ -moz-box-flex: 1;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+}
+</style>
+</head>
+<body>
+<p>You should see a 100x100 green square below. If you see any red, the test has failed. This test is checking
+for box-flex-group support.</p>
+<div style="width:100px;height:100px;background-color:red">
+ <div class="first"></div>
+ <div class="second"></div>
+</div>
+</body>
+</html>