diff options
Diffstat (limited to 'layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml')
-rw-r--r-- | layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml deleted file mode 100644 index 8baef30227..0000000000 --- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml +++ /dev/null @@ -1,88 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---> -<!-- Testcase with border/padding on a flex container and on its children --> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title> - CSS Test: Testing borders and padding on a horizontal flex container and its flex items - (with a vertical writing-mode on the flex 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/#layout-algorithm"/> - <link rel="match" href="flexbox-mbp-horiz-003-ref.xhtml"/> - <style> - div { height: 20px; border: 0; } - div.flexbox { - width: 200px; - display: flex; - margin-bottom: 2px; - } - - <!-- customizations for flex container border/padding --> - .borderA { - border-style: dashed; - border-color: purple; - border-top-width: 6px; - border-right-width: 4px; - border-bottom-width: 2px; - border-left-width: 8px; - } - - .borderB { - border-style: dashed; - border-color: purple; - border-top-width: 4px; - border-right-width: 5px; - border-bottom-width: 6px; - border-left-width: 7px; - } - - .paddingA { - padding: 4px 3px 2px 1px; - } - - .paddingB { - padding: 8px 11px 14px 17px; - } - - div.child1 { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - writing-mode: vertical-rl; - } - div.child2 { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - writing-mode: vertical-lr; - } - </style> - </head> - <body> - <div class="flexbox borderA" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingA" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingB" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingA" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingB" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingA" - ><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingB" - ><div class="child1"/><div class="child2"/></div> - </body> -</html> - |