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 |