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 105 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
116 grid-row: auto; | 116 grid-row: auto; |
117 } | 117 } |
118 | 118 |
119 .autoRowThirdColumn { | 119 .autoRowThirdColumn { |
120 background-color: magenta; | 120 background-color: magenta; |
121 grid-column: 3; | 121 grid-column: 3; |
122 grid-row: auto; | 122 grid-row: auto; |
123 } | 123 } |
124 | 124 |
125 /* Grid element flow. */ | 125 /* Grid element flow. */ |
126 .gridAutoFlowNone { | 126 .gridAutoFlowStack { |
127 grid-auto-flow: none; | 127 grid-auto-flow: stack; |
128 } | 128 } |
129 | 129 |
130 .gridAutoFlowColumn { | 130 .gridAutoFlowColumn { |
131 grid-auto-flow: column; | 131 grid-auto-flow: column; |
132 } | 132 } |
133 | 133 |
134 .gridAutoFlowRow { | 134 .gridAutoFlowRow { |
135 grid-auto-flow: row; | 135 grid-auto-flow: row; |
136 } | 136 } |
137 | 137 |
(...skipping 23 matching lines...) Expand all Loading... |
161 -webkit-writing-mode: vertical-lr; | 161 -webkit-writing-mode: vertical-lr; |
162 } | 162 } |
163 | 163 |
164 .horizontalBT { | 164 .horizontalBT { |
165 -webkit-writing-mode: horizontal-bt; | 165 -webkit-writing-mode: horizontal-bt; |
166 } | 166 } |
167 | 167 |
168 .directionRTL { | 168 .directionRTL { |
169 direction: rtl; | 169 direction: rtl; |
170 } | 170 } |
OLD | NEW |