| 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 <body> | 4 <body> |
| 5 <style> | 5 <style> |
| 6 .grid { | 6 .grid { |
| 7 grid-definition-rows: repeat(5, 100px); | 7 grid-template-rows: repeat(5, 100px); |
| 8 grid-definition-columns: repeat(5, 100px); | 8 grid-template-columns: repeat(5, 100px); |
| 9 width: -webkit-fit-content; | 9 width: -webkit-fit-content; |
| 10 background-color: red; | 10 background-color: red; |
| 11 } | 11 } |
| 12 | 12 |
| 13 .verticalRL { | 13 .verticalRL { |
| 14 -webkit-writing-mode: vertical-lr; | 14 -webkit-writing-mode: vertical-lr; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .gridItem { | 17 .gridItem { |
| 18 height: 100%; | 18 height: 100%; |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 98 <script> | 98 <script> |
| 99 var scrolledDivs = document.getElementsByClassName("scrolledDiv"); | 99 var scrolledDivs = document.getElementsByClassName("scrolledDiv"); |
| 100 for (i = 0; i < scrolledDivs.length; ++i) { | 100 for (i = 0; i < scrolledDivs.length; ++i) { |
| 101 scrolledDiv = scrolledDivs[i]; | 101 scrolledDiv = scrolledDivs[i]; |
| 102 scrolledDiv.scrollTop = scrolledDiv.getAttribute("data-scroll-top"); | 102 scrolledDiv.scrollTop = scrolledDiv.getAttribute("data-scroll-top"); |
| 103 scrolledDiv.scrollLeft = scrolledDiv.getAttribute("data-scroll-left"); | 103 scrolledDiv.scrollLeft = scrolledDiv.getAttribute("data-scroll-left"); |
| 104 } | 104 } |
| 105 </script> | 105 </script> |
| 106 </body> | 106 </body> |
| 107 </html> | 107 </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