| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <script> | 3 <script> |
| 4 if (window.testRunner) | 4 if (window.testRunner) |
| 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
| 6 </script> | 6 </script> |
| 7 <link href="resources/grid.css" rel="stylesheet"> | 7 <link href="resources/grid.css" rel="stylesheet"> |
| 8 <style> | 8 <style> |
| 9 .grid { | 9 .grid { |
| 10 grid-columns: 50px 100px 200px; | 10 grid-definition-columns: 50px 100px 200px; |
| 11 grid-rows: 50px 100px 200px; | 11 grid-definition-rows: 50px 100px 200px; |
| 12 background-color: #aaa; | 12 background-color: #aaa; |
| 13 } | 13 } |
| 14 .grid > * { | 14 .grid > * { |
| 15 grid-column: 2; | 15 grid-column: 2; |
| 16 grid-row: 3; | 16 grid-row: 3; |
| 17 } | 17 } |
| 18 </style> | 18 </style> |
| 19 <script src="../../resources/check-layout.js"></script> | 19 <script src="../../resources/check-layout.js"></script> |
| 20 <body onload="checkLayout('.grid > *')"> | 20 <body onload="checkLayout('.grid > *')"> |
| 21 | 21 |
| (...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 <circle cx="50" cy="50" r="50" fill="blue"> | 66 <circle cx="50" cy="50" r="50" fill="blue"> |
| 67 </circle> | 67 </circle> |
| 68 </svg> | 68 </svg> |
| 69 | 69 |
| 70 <!-- Spans are common so they should be tested. --> | 70 <!-- Spans are common so they should be tested. --> |
| 71 <span data-expected-display="block" data-offset-x="50" data-offset-y="15
0"></span> | 71 <span data-expected-display="block" data-offset-x="50" data-offset-y="15
0"></span> |
| 72 </div> | 72 </div> |
| 73 </div> | 73 </div> |
| 74 | 74 |
| 75 </html> | 75 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 16959008:
[CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns} (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master