Index: third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004-expected.xhtml |
diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004-expected.xhtml b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004-expected.xhtml |
new file mode 100644 |
index 0000000000000000000000000000000000000000..57c9463724d1f049396626be5a84eca945e1ea62 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004-expected.xhtml |
@@ -0,0 +1,81 @@ |
+<?xml version="1.0" encoding="UTF-8"?> |
+<!-- |
+ Any copyright is dedicated to the Public Domain. |
+ http://creativecommons.org/publicdomain/zero/1.0/ |
+ --> |
+<!-- Reference case - identical to the testcase, but with with the flex items' |
+ vertical margin and padding values set to 0 by default, and then set to |
+ specific pixel values for the items that have a 50px percent-basis. |
+ --> |
+<html xmlns="http://www.w3.org/1999/xhtml"> |
+ <head> |
+ <title>CSS Reftest Reference</title> |
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> |
+ <style> |
+ div { border: 0; } |
+ div.flexbox { |
+ width: 200px; |
+ display: flex; |
+ margin-bottom: 2px; |
+ border: 1px dotted black; |
+ } |
+ div.height50 { height: 50px; } |
+ |
+ .marginA { margin: 0 8% 0 4%; } |
+ .marginB { margin: 0 10% 0 14%; } |
+ .paddingA { padding: 0 6% 0 2%; } |
+ .paddingB { padding: 0 8% 0 12%; } |
+ |
+ div.height50 > .marginA { |
+ margin-top: 5px; |
+ margin-bottom: 3px; |
+ } |
+ div.height50 > .marginB { |
+ margin-top: 4px; |
+ margin-bottom: 6px; |
+ } |
+ div.height50 > .paddingA { |
+ padding-top: 4px; |
+ padding-bottom: 2px; |
+ } |
+ div.height50 > .paddingB { |
+ padding-top: 3px; |
+ padding-bottom: 5px; |
+ } |
+ |
+ div.child1 { |
+ flex: none; |
+ width: 10px; |
+ height: 10px; |
+ background: lightgreen; |
+ } |
+ div.child2 { |
+ flex: none; |
+ width: 10px; |
+ height: 10px; |
+ background: purple; |
+ } |
+ |
+ div.filler { |
+ /* Filler-div to fill up content-box and make padding easier to see. */ |
+ height: 10px; |
+ width: 100%; |
+ background: lightgrey; |
+ } |
+ |
+ </style> |
+ </head> |
+ <body> |
+ <div class="flexbox" |
+ ><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"></div><div class="child2 marginB"></div></div> |
+ |
+ <div class="flexbox height50" |
+ ><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"></div><div class="child2 marginB"></div></div> |
+ |
+ <div class="flexbox height50" style="align-items: flex-end" |
+ ><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"></div><div class="child2 marginB"></div></div> |
+ |
+ <div class="flexbox height50" |
+ ><div class="child1 paddingA marginA"><div class="filler"/></div><div class="child2 paddingB marginB"><div class="filler"/></div></div> |
+ </body> |
+</html> |