OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
4 <style> | 4 <style> |
5 .grid { | 5 .grid { |
6 grid: 100px / 50px; | 6 grid: 50px / 100px; |
7 font: 10px/1 Ahem; | 7 font: 10px/1 Ahem; |
8 position: relative; | 8 position: relative; |
9 margin: 25px; | 9 margin: 25px; |
10 } | 10 } |
11 | 11 |
12 .firstNegativeRowFirstColumn { | 12 .firstNegativeRowFirstColumn { |
13 background-color: purple; | 13 background-color: purple; |
14 grid-row: -3; | 14 grid-row: -3; |
15 grid-column: 1; | 15 grid-column: 1; |
16 } | 16 } |
(...skipping 210 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
227 | 227 |
228 <div class="grid"> | 228 <div class="grid"> |
229 <div class="secondNegativeRowFirstColumn" data-offset-x="60" data-offset-y="
0" data-expected-width="100" data-expected-height="10">X</div> | 229 <div class="secondNegativeRowFirstColumn" data-offset-x="60" data-offset-y="
0" data-expected-width="100" data-expected-height="10">X</div> |
230 <div class="firstRowSecondNegativeColumn" data-offset-x="0" data-offset-y="2
0" data-expected-width="20" data-expected-height="50">XX</div> | 230 <div class="firstRowSecondNegativeColumn" data-offset-x="0" data-offset-y="2
0" data-expected-width="20" data-expected-height="50">XX</div> |
231 <div class="firstNegativeRowFirstColumn" data-offset-x="60" data-offset-y="1
0" data-expected-width="100" data-expected-height="10">XXX</div> | 231 <div class="firstNegativeRowFirstColumn" data-offset-x="60" data-offset-y="1
0" data-expected-width="100" data-expected-height="10">XXX</div> |
232 <div class="firstRowFirstNegativeColumn" data-offset-x="20" data-offset-y="2
0" data-expected-width="40" data-expected-height="50">XXXX</div> | 232 <div class="firstRowFirstNegativeColumn" data-offset-x="20" data-offset-y="2
0" data-expected-width="40" data-expected-height="50">XXXX</div> |
233 <div class="firstRowFirstColumn" data-offset-x="60" data-offset-y="20" data-
expected-width="100" data-expected-height="50">XXXXX</div> | 233 <div class="firstRowFirstColumn" data-offset-x="60" data-offset-y="20" data-
expected-width="100" data-expected-height="50">XXXXX</div> |
234 </div> | 234 </div> |
235 | 235 |
236 </body> | 236 </body> |
OLD | NEW |