| OLD | NEW |
| 1 .grid { | 1 .grid { |
| 2 display: grid; | 2 display: grid; |
| 3 background-color: grey; | 3 background-color: grey; |
| 4 } | 4 } |
| 5 | 5 |
| 6 .indefiniteSizeGrid { | 6 .indefiniteSizeGrid { |
| 7 display: grid; | 7 display: grid; |
| 8 background-color: grey; | 8 background-color: grey; |
| 9 width: -webkit-min-content; | 9 width: -webkit-min-content; |
| 10 height: auto; | 10 height: auto; |
| (...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 170 grid-row: span 2; | 170 grid-row: span 2; |
| 171 } | 171 } |
| 172 | 172 |
| 173 .autoRowSpanning3AutoColumnSpanning2 { | 173 .autoRowSpanning3AutoColumnSpanning2 { |
| 174 background-color: indigo; | 174 background-color: indigo; |
| 175 grid-column: span 2; | 175 grid-column: span 2; |
| 176 grid-row: span 3; | 176 grid-row: span 3; |
| 177 } | 177 } |
| 178 | 178 |
| 179 /* Grid element flow. */ | 179 /* Grid element flow. */ |
| 180 .gridAutoFlowStack { | |
| 181 grid-auto-flow: stack; | |
| 182 } | |
| 183 | |
| 184 .gridAutoFlowColumnSparse { | 180 .gridAutoFlowColumnSparse { |
| 185 grid-auto-flow: column; | 181 grid-auto-flow: column; |
| 186 } | 182 } |
| 187 | 183 |
| 188 .gridAutoFlowColumnDense { | 184 .gridAutoFlowColumnDense { |
| 189 grid-auto-flow: column dense; | 185 grid-auto-flow: column dense; |
| 190 } | 186 } |
| 191 | 187 |
| 192 .gridAutoFlowRowSparse { | 188 .gridAutoFlowRowSparse { |
| 193 grid-auto-flow: row; | 189 grid-auto-flow: row; |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 227 -webkit-writing-mode: horizontal-bt; | 223 -webkit-writing-mode: horizontal-bt; |
| 228 } | 224 } |
| 229 | 225 |
| 230 .directionRTL { | 226 .directionRTL { |
| 231 direction: rtl; | 227 direction: rtl; |
| 232 } | 228 } |
| 233 | 229 |
| 234 .directionLTR { | 230 .directionLTR { |
| 235 direction: ltr; | 231 direction: ltr; |
| 236 } | 232 } |
| OLD | NEW |