Index: third_party/WebKit/LayoutTests/css3/flexbox/writing-modes.html |
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/writing-modes.html b/third_party/WebKit/LayoutTests/css3/flexbox/writing-modes.html |
index af585c2bcccdc25c9748086ab8d344c7697c2ae1..af9615e9a6456329d69a39f4203a79ad03905f03 100644 |
--- a/third_party/WebKit/LayoutTests/css3/flexbox/writing-modes.html |
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/writing-modes.html |
@@ -18,10 +18,11 @@ body { |
direction: rtl; |
} |
-.bt { |
- -webkit-writing-mode: horizontal-bt; |
+.horizontal-tb { |
+ writing-mode:horizontal-tb; |
} |
+ |
.vertical-rl, .vertical-lr { |
height: 600px; |
} |
@@ -29,7 +30,6 @@ body { |
:-webkit-any(.vertical-rl, .vertical-lr) div { |
width: 20px; |
} |
- |
.vertical-rl { |
-webkit-writing-mode: vertical-rl; |
} |
@@ -88,7 +88,7 @@ body { |
<div style="position:relative"> |
<div class="flexbox vertical-lr"> |
<div data-expected-height="150" data-offset-y="0" style="flex: 1 0 0;"></div> |
- <div data-expected-height="300" data-offset-y="150" class="bt" style="flex: 2 0 0;"></div> |
+ <div data-expected-height="300" data-offset-y="150" class="horizontal-tb" style="flex: 2 0 0;"></div> |
<div data-expected-height="150" data-offset-y="450" style="flex: 1 0 0;"></div> |
</div> |
</div> |
@@ -103,7 +103,7 @@ body { |
<div style="position:relative"> |
<div class="flexbox vertical-lr"> |
- <div data-expected-height="300" data-offset-y="0" class="bt" style="flex: 1 0 0;-webkit-padding-start:200px;-webkit-padding-end:200px;-webkit-padding-before:100px;-webkit-padding-after:100px;"></div> |
+ <div data-expected-height="300" data-offset-y="0" class="horizontal-tb" style="flex: 1 0 0;-webkit-padding-start:200px;-webkit-padding-end:200px;-webkit-padding-before:100px;-webkit-padding-after:100px;"></div> |
<div data-expected-height="200" data-offset-y="300" style="flex: 2 0 0;"></div> |
<div data-expected-height="100" data-offset-y="500" style="flex: 1 0 0;"></div> |
</div> |
@@ -129,7 +129,7 @@ body { |
<div style="position:relative"> |
<div class="flexbox vertical-lr"> |
<div data-expected-height="75" data-offset-y="0" style="flex: 1 0 0;margin: auto 0;"></div> |
- <div data-expected-height="450" data-offset-y="75" class="bt" style="flex: 2 0 auto; height: auto;"><div style="width:200px;height:300px;background-color:orange;"></div></div> |
+ <div data-expected-height="450" data-offset-y="75" class="horizontal-tb" style="flex: 2 0 auto; height: auto;"><div style="width:200px;height:300px;background-color:orange;"></div></div> |
<div data-expected-height="75" data-offset-y="525" style="flex: 1 0 0;"></div> |
</div> |
</div> |
@@ -144,7 +144,7 @@ body { |
<div style="position:relative"> |
<div class="flexbox vertical-lr"> |
- <div data-expected-height="150" data-offset-y="0" class="bt" style="flex: 1 0 0;-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-margin-before:0;-webkit-margin-after:0;;"></div> |
+ <div data-expected-height="150" data-offset-y="0" class="horizontal-tb" style="flex: 1 0 0;-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-margin-before:0;-webkit-margin-after:0;;"></div> |
<div data-expected-height="300" data-offset-y="150" style="flex: 2 0 0;"></div> |
<div data-expected-height="150" data-offset-y="450" style="flex: 1 0 0;"></div> |
</div> |
@@ -153,7 +153,7 @@ body { |
<div style="position:relative"> |
<div class="flexbox vertical-lr rtl"> |
<div data-expected-height="75" data-offset-y="525" style="flex: 1 0 0; margin: auto 0;"></div> |
- <div data-expected-height="350" data-offset-y="175" class="bt" style="flex: 2 0 0; padding: 100px 0;"></div> |
+ <div data-expected-height="350" data-offset-y="175" class="horizontal-tb" style="flex: 2 0 0; padding: 100px 0;"></div> |
<div data-expected-height="75" data-offset-y="0" style="flex: 1 0 0; -webkit-margin-start: 100px;"></div> |
</div> |
</div> |
@@ -179,22 +179,6 @@ body { |
</div> |
</div> |
-<div style="position:relative"> |
-<div class="flexbox bt" style="height:200px"> |
- <div data-expected-width="150" data-offset-y="180" data-offset-x="0" style="flex: 1 0 0;"></div> |
- <div data-expected-width="300" data-offset-y="180" data-offset-x="150" style="flex: 2 0 0;"></div> |
- <div data-expected-width="150" data-offset-y="180" data-offset-x="450" style="flex: 1 0 0;"></div> |
-</div> |
-</div> |
- |
-<div style="position:relative"> |
-<div class="flexbox bt" style="height:200px"> |
- <div data-expected-width="150" data-offset-y="130" data-offset-x="0" style="flex: 1 0 0; margin: 100px 0 50px 0;"></div> |
- <div data-expected-width="300" data-offset-y="180" data-offset-x="150" style="flex: 2 0 0;"></div> |
- <div data-expected-width="150" data-offset-y="180" data-offset-x="450" style="flex: 1 0 0;"></div> |
-</div> |
-</div> |
- |
<div style="position: relative;"> |
<div data-expected-width="600" style="direction: rtl; display: flex; margin-left: 10px; margin-right:20px;" class="flexbox"> |
<div data-expected-width="75" data-offset-x="535" style="flex: 1 0 0; margin: 0 auto;"></div> |