Index: LayoutTests/css3/flexbox/nested-stretch.html |
diff --git a/LayoutTests/css3/flexbox/nested-stretch.html b/LayoutTests/css3/flexbox/nested-stretch.html |
index 6076d6a92b1a075eeef5cac199414ecef28f75cc..5aa6d4d1c00548c13449446e92a0c48acc860252 100644 |
--- a/LayoutTests/css3/flexbox/nested-stretch.html |
+++ b/LayoutTests/css3/flexbox/nested-stretch.html |
@@ -10,20 +10,20 @@ div { |
} |
.flexbox { |
- display: -webkit-flex; |
+ display: flex; |
} |
.row { |
- -webkit-flex-direction: row; |
+ flex-direction: row; |
} |
.column { |
- display: -webkit-flex; |
- -webkit-flex-direction: column; |
+ display: flex; |
+ flex-direction: column; |
} |
.flex { |
- -webkit-flex: 1 0 auto; |
+ flex: 1 0 auto; |
} |
</style> |
<script src="../../resources/check-layout.js"></script> |
@@ -45,11 +45,11 @@ height on the right. |
None of the boxes should overflow and the inner most boxes should be end aligned. |
<div class="flexbox column" style="width: 600px; height: 300px; position: relative;"> |
- <div data-expected-width=590 data-expected-height=250 class="column flex" style="-webkit-justify-content: flex-end"> |
- <div data-offset-y="180" data-expected-width=570 data-expected-height=30 style="height: 20px; -webkit-flex: none;"></div> |
- <div data-offset-y="220" data-expected-width=570 data-expected-height=30 style="height: 20px; -webkit-flex: none;"></div> |
+ <div data-expected-width=590 data-expected-height=250 class="column flex" style="justify-content: flex-end"> |
+ <div data-offset-y="180" data-expected-width=570 data-expected-height=30 style="height: 20px; flex: none;"></div> |
+ <div data-offset-y="220" data-expected-width=570 data-expected-height=30 style="height: 20px; flex: none;"></div> |
</div> |
- <div data-expected-width=590 data-expected-height=30 style="height: 20px; -webkit-flex: none;"></div> |
+ <div data-expected-width=590 data-expected-height=30 style="height: 20px; flex: none;"></div> |
</div> |