aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht
diff options
context:
space:
mode:
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.xht57
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