| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 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-definition-rows: "firstRow" 10px 20px; | 6     grid-definition-rows: (firstRow) 10px 20px; | 
| 7     grid-definition-columns: "firstColumn" 30px 40px; | 7     grid-definition-columns: (firstColumn) 30px 40px; | 
| 8     grid-auto-flow: row; | 8     grid-auto-flow: row; | 
| 9 } | 9 } | 
| 10 | 10 | 
| 11 .bothSpanRow { | 11 .bothSpanRow { | 
| 12     grid-column: 1; | 12     grid-column: 1; | 
| 13     grid-row: span 5 "firstRow" / span 1; | 13     grid-row: span 5 (firstRow) / span 1; | 
| 14 } | 14 } | 
| 15 | 15 | 
| 16 .bothSpanColumn { | 16 .bothSpanColumn { | 
| 17     grid-column: span / span 3; | 17     grid-column: span / span 3; | 
| 18     grid-row: 1; | 18     grid-row: 1; | 
| 19 } | 19 } | 
| 20 | 20 | 
| 21 .spanAutoRow { | 21 .spanAutoRow { | 
| 22     grid-column: 1; | 22     grid-column: 1; | 
| 23     grid-row: span 5 "firstRow" / auto; | 23     grid-row: span 5 (firstRow) / auto; | 
| 24 } | 24 } | 
| 25 | 25 | 
| 26 .spanAutoColumn { | 26 .spanAutoColumn { | 
| 27     grid-column: span / auto; | 27     grid-column: span / auto; | 
| 28     grid-row: 1; | 28     grid-row: 1; | 
| 29 } | 29 } | 
| 30 </style> | 30 </style> | 
| 31 <script src="../../resources/check-layout.js"></script> | 31 <script src="../../resources/check-layout.js"></script> | 
| 32 <body onload="checkLayout('.grid')"> | 32 <body onload="checkLayout('.grid')"> | 
| 33 | 33 | 
| (...skipping 22 matching lines...) Expand all  Loading... | 
| 56 | 56 | 
| 57 <div style="position: relative"> | 57 <div style="position: relative"> | 
| 58     <div class="grid"> | 58     <div class="grid"> | 
| 59         <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-
    offset-y="0" data-expected-width="30" data-expected-height="10"></div> | 59         <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-
    offset-y="0" data-expected-width="30" data-expected-height="10"></div> | 
| 60         <div class="sizedToGridArea spanAutoColumn" data-offset-x="30" data-offs
    et-y="0" data-expected-width="40" data-expected-height="10"></div> | 60         <div class="sizedToGridArea spanAutoColumn" data-offset-x="30" data-offs
    et-y="0" data-expected-width="40" data-expected-height="10"></div> | 
| 61     </div> | 61     </div> | 
| 62 </div> | 62 </div> | 
| 63 | 63 | 
| 64 </body> | 64 </body> | 
| 65 </html> | 65 </html> | 
| OLD | NEW | 
|---|