| OLD | NEW |
|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | 4 <script> |
| 5 if (window.testRunner) | 5 if (window.testRunner) |
| 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
| 7 </script> | 7 </script> |
| 8 <link href="resources/grid.css" rel="stylesheet"> | 8 <link href="resources/grid.css" rel="stylesheet"> |
| 9 <style> | 9 <style> |
| 10 .grid { | 10 .grid { |
| 11 grid-definition-rows: 20px; | 11 grid-template-rows: 20px; |
| 12 grid-definition-columns: 10px; | 12 grid-template-columns: 10px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 .gridAutoFixedFixed { | 15 .gridAutoFixedFixed { |
| 16 grid-auto-rows: 30px; | 16 grid-auto-rows: 30px; |
| 17 grid-auto-columns: 50px; | 17 grid-auto-columns: 50px; |
| 18 } | 18 } |
| 19 | 19 |
| 20 .gridAutoMinMax { | 20 .gridAutoMinMax { |
| 21 height: 1000px; | 21 height: 1000px; |
| 22 grid-auto-rows: minmax(10%, 15px); | 22 grid-auto-rows: minmax(10%, 15px); |
| (...skipping 24 matching lines...) Expand all Loading... |
| 47 </div> | 47 </div> |
| 48 | 48 |
| 49 <div class="unconstrainedContainer" style="position: relative"> | 49 <div class="unconstrainedContainer" style="position: relative"> |
| 50 <div class="grid gridAutoMinMaxContent"> | 50 <div class="grid gridAutoMinMaxContent"> |
| 51 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="10" da
ta-offset-y="20" data-expected-width="120" data-expected-height="10">XXXXX XXXXX
X</div> | 51 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="10" da
ta-offset-y="20" data-expected-width="120" data-expected-height="10">XXXXX XXXXX
X</div> |
| 52 </div> | 52 </div> |
| 53 </div> | 53 </div> |
| 54 | 54 |
| 55 </body> | 55 </body> |
| 56 </html> | 56 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 146773002:
[CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master