diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht')
-rw-r--r-- | tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht deleted file mode 100644 index 2b227d1a616..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Flexbox Test: Flex-direction = row-reverse</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex container's main axis has the opposite orientation as the inline axis of the current writing mode, when flex-direction = row-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-direction: row-reverse; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>3</div><div>2</div><div>1</div> - <div>6</div><div>5</div><div>4</div> - <div>9</div><div>8</div><div>7</div> - </div> - - -</body></html>
\ No newline at end of file |