diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-vert-003-ref.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-vert-003-ref.htm | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-vert-003-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-vert-003-ref.htm deleted file mode 100644 index a5af16887b8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-vert-003-ref.htm +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using blocks in - place of flex items and using float and width keywords to emulate the - align-items / align-self properties. --><html> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: left; - } - .flex-end { - background: orange; - float: right; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. For this to work, the parent has to be at - least as wide as the centered content inside of it, so we make it - large with a negative margin such that its center aligns with the - 4px-wide container's center. --> - .centerParent { - text-align: center; - width: 100px; - margin-left: -48px; - } - .center { - background: lightblue; - display: inline-block; - text-align: left; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: left; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="centerParent clearFloats"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b</div> - </div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch clearFloats">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file |