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 { | |
7 display: grid; | |
8 background-color: grey; | |
9 width: -webkit-min-content; | |
10 height: auto; | |
11 } | |
12 | |
13 .inline-grid { | 6 .inline-grid { |
14 display: inline-grid; | 7 display: inline-grid; |
15 background-color: grey; | 8 background-color: grey; |
16 } | 9 } |
17 | 10 |
18 .firstRowFirstColumn { | 11 .firstRowFirstColumn { |
19 background-color: blue; | 12 background-color: blue; |
20 grid-column: 1; | 13 grid-column: 1; |
21 grid-row: 1; | 14 grid-row: 1; |
22 } | 15 } |
(...skipping 238 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
261 } | 254 } |
262 | 255 |
263 .sizedToGridArea { | 256 .sizedToGridArea { |
264 font: 10px/1 Ahem; | 257 font: 10px/1 Ahem; |
265 /* Make us fit our grid area. */ | 258 /* Make us fit our grid area. */ |
266 width: 100%; | 259 width: 100%; |
267 height: 100%; | 260 height: 100%; |
268 } | 261 } |
269 | 262 |
270 .verticalRL { | 263 .verticalRL { |
| 264 writing-mode: vertical-rl; |
271 -webkit-writing-mode: vertical-rl; | 265 -webkit-writing-mode: vertical-rl; |
272 } | 266 } |
273 | |
274 .verticalLR { | 267 .verticalLR { |
| 268 writing-mode: vertical-lr; |
275 -webkit-writing-mode: vertical-lr; | 269 -webkit-writing-mode: vertical-lr; |
276 } | 270 } |
277 | 271 .horizontalTB { |
| 272 writing-mode: horizontal-tb; |
| 273 -webkit-writing-mode: horizontal-tb; |
| 274 } |
| 275 .horizontalBT { |
| 276 writing-mode: horizontal-bt; |
| 277 -webkit-writing-mode: horizontal-bt; |
| 278 } |
278 .directionRTL { | 279 .directionRTL { |
279 direction: rtl; | 280 direction: rtl; |
280 } | 281 } |
281 | |
282 .directionLTR { | 282 .directionLTR { |
283 direction: ltr; | 283 direction: ltr; |
284 } | 284 } |
| 285 |
| 286 |
OLD | NEW |