diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-align-self-vert-004.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-align-self-vert-004.htm | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-align-self-vert-004.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-align-self-vert-004.htm deleted file mode 100644 index 6544c3c9b5c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-align-self-vert-004.htm +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being skinnier than its items. --><html> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"> - <link rel="match" href="reference/flexbox-align-self-vert-004-ref.htm"> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - display: flex; - flex-direction: column; - float: left; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - .flexbox > div { - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - - border-style: dotted; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </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="center">center</div> - <div class="center big">a b</div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file |