OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
5 <link href="resources/grid-alignment.css" rel="stylesheet"> | 5 <link href="resources/grid-alignment.css" rel="stylesheet"> |
6 <script src="../../resources/check-layout.js"></script> | 6 <script src="../../resources/check-layout.js"></script> |
7 <style> | 7 <style> |
8 body { | 8 body { |
9 margin: 0; | 9 margin: 0; |
10 } | 10 } |
11 | 11 |
12 .grid { | 12 .grid { |
13 grid: 50px 50px / 100px 100px; | 13 grid: 100px 100px / 50px 50px; |
14 position: relative; | 14 position: relative; |
15 width: 300px; | 15 width: 300px; |
16 height: 200px; | 16 height: 200px; |
17 } | 17 } |
18 | 18 |
19 .cell { | 19 .cell { |
20 width: 20px; | 20 width: 20px; |
21 height: 40px; | 21 height: 40px; |
22 } | 22 } |
23 </style> | 23 </style> |
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
122 <div class="grid verticalLR directionRTL justifyContentEnd" data-expected-wi
dth="300" data-expected-height="200"> | 122 <div class="grid verticalLR directionRTL justifyContentEnd" data-expected-wi
dth="300" data-expected-height="200"> |
123 <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="6
0" data-expected-width="20" data-expected-height="40"></div> | 123 <div class="cell firstRowFirstColumn" data-offset-x="0" data-offset-y="6
0" data-expected-width="20" data-expected-height="40"></div> |
124 <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="0" da
ta-expected-width="100" data-expected-height="50"></div> | 124 <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="0" da
ta-expected-width="100" data-expected-height="50"></div> |
125 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50"
data-expected-width="100" data-expected-height="50"></div> | 125 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50"
data-expected-width="100" data-expected-height="50"></div> |
126 <div class="cell secondRowSecondColumn" data-offset-x="100" data-offset-
y="10" data-expected-width="20" data-expected-height="40"></div> | 126 <div class="cell secondRowSecondColumn" data-offset-x="100" data-offset-
y="10" data-expected-width="20" data-expected-height="40"></div> |
127 </div> | 127 </div> |
128 </div> | 128 </div> |
129 | 129 |
130 </body> | 130 </body> |
131 </html> | 131 </html> |
OLD | NEW |