Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1075)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/css3/flexbox/preferred-widths-orthogonal.html

Issue 1088633002: Unprefix flexbox tests. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« LayoutTests/css3/flexbox/anonymous-block-merge-crash.html ('K') | « LayoutTests/css3/flexbox/preferred-widths.html ('k') | LayoutTests/css3/flexbox/relayout-align-items.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <style> 3 <style>
4 .flexbox { 4 .flexbox {
5 display: -webkit-flex; 5 display: flex;
6 background-color: #aaa; 6 background-color: #aaa;
7 float: left; 7 float: left;
8 } 8 }
9 .flexbox > div { 9 .flexbox > div {
10 margin: 2px 13px 8px 17px; 10 margin: 2px 13px 8px 17px;
11 -webkit-flex: none; 11 flex: none;
12 } 12 }
13 .flexbox > div:not(.nested) { 13 .flexbox > div:not(.nested) {
14 width: 10px; 14 width: 10px;
15 height: 15px; 15 height: 15px;
16 } 16 }
17 .flexbox > .nested > div:not(.nested) { 17 .flexbox > .nested > div:not(.nested) {
18 width: 20px; 18 width: 20px;
19 height: 30px; 19 height: 30px;
20 } 20 }
21 .flexbox > .nested > .nested > div { 21 .flexbox > .nested > .nested > div {
(...skipping 14 matching lines...) Expand all
36 background-color: purple; 36 background-color: purple;
37 } 37 }
38 .flexbox > div > div > :nth-child(1) { 38 .flexbox > div > div > :nth-child(1) {
39 background-color: red; 39 background-color: red;
40 } 40 }
41 .flexbox > div > div > :nth-child(2) { 41 .flexbox > div > div > :nth-child(2) {
42 background-color: yellow; 42 background-color: yellow;
43 } 43 }
44 44
45 .nested { 45 .nested {
46 display: -webkit-flex; 46 display: flex;
47 background-color: #ddd; 47 background-color: #ddd;
48 } 48 }
49 .horizontal-tb { 49 .horizontal-tb {
50 -webkit-writing-mode: horizontal-tb; 50 -webkit-writing-mode: horizontal-tb;
51 } 51 }
52 .vertical-lr { 52 .vertical-lr {
53 -webkit-writing-mode: vertical-lr; 53 -webkit-writing-mode: vertical-lr;
54 } 54 }
55 .column { 55 .column {
56 -webkit-flex-flow: column; 56 flex-flow: column;
57 } 57 }
58 .clear { 58 .clear {
59 clear: both; 59 clear: both;
60 } 60 }
61 </style> 61 </style>
62 <script src="../../resources/check-layout.js"></script> 62 <script src="../../resources/check-layout.js"></script>
63 <body onload="checkLayout('.flexbox')"> 63 <body onload="checkLayout('.flexbox')">
64 64
65 <div class="flexbox" data-expected-height=70 data-expect-width=90> 65 <div class="flexbox" data-expected-height=70 data-expect-width=90>
66 <div class="column nested" data-expected-height=60 data-expect-width=20> 66 <div class="column nested" data-expected-height=60 data-expect-width=20>
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
105 <div class="nested vertical-lr" data-expected-height=60 data-expect-width=2 0> 105 <div class="nested vertical-lr" data-expected-height=60 data-expect-width=2 0>
106 <div></div> 106 <div></div>
107 <div></div> 107 <div></div>
108 </div> 108 </div>
109 <div></div> 109 <div></div>
110 </div> 110 </div>
111 <br class=clear> 111 <br class=clear>
112 112
113 </body> 113 </body>
114 </html> 114 </html>
OLDNEW
« LayoutTests/css3/flexbox/anonymous-block-merge-crash.html ('K') | « LayoutTests/css3/flexbox/preferred-widths.html ('k') | LayoutTests/css3/flexbox/relayout-align-items.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698