| 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 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 background-color: indigo; | 144 background-color: indigo; |
| 145 grid-column: span 2; | 145 grid-column: span 2; |
| 146 grid-row: span 3; | 146 grid-row: span 3; |
| 147 } | 147 } |
| 148 | 148 |
| 149 /* Grid element flow. */ | 149 /* Grid element flow. */ |
| 150 .gridAutoFlowStack { | 150 .gridAutoFlowStack { |
| 151 grid-auto-flow: stack; | 151 grid-auto-flow: stack; |
| 152 } | 152 } |
| 153 | 153 |
| 154 /* FIXME: Rename to gridAutoFlowColumnSparse to be more explicit about the algor
ithm mode by default. */ | 154 .gridAutoFlowColumnSparse { |
| 155 .gridAutoFlowColumn { | |
| 156 grid-auto-flow: column; | 155 grid-auto-flow: column; |
| 157 } | 156 } |
| 158 | 157 |
| 159 .gridAutoFlowColumnDense { | 158 .gridAutoFlowColumnDense { |
| 160 grid-auto-flow: column dense; | 159 grid-auto-flow: column dense; |
| 161 } | 160 } |
| 162 | 161 |
| 163 /* FIXME: Rename to gridAutoFlowRowSparse to be more explicit about the algorith
m mode by default. */ | 162 .gridAutoFlowRowSparse { |
| 164 .gridAutoFlowRow { | |
| 165 grid-auto-flow: row; | 163 grid-auto-flow: row; |
| 166 } | 164 } |
| 167 | 165 |
| 168 .gridAutoFlowRowDense { | 166 .gridAutoFlowRowDense { |
| 169 grid-auto-flow: row dense; | 167 grid-auto-flow: row dense; |
| 170 } | 168 } |
| 171 | 169 |
| 172 /* This rule makes sure the container is smaller than any grid items to avoid di
stributing any extra logical space to them. */ | 170 /* This rule makes sure the container is smaller than any grid items to avoid di
stributing any extra logical space to them. */ |
| 173 .constrainedContainer { | 171 .constrainedContainer { |
| 174 width: 10px; | 172 width: 10px; |
| (...skipping 20 matching lines...) Expand all Loading... |
| 195 -webkit-writing-mode: vertical-lr; | 193 -webkit-writing-mode: vertical-lr; |
| 196 } | 194 } |
| 197 | 195 |
| 198 .horizontalBT { | 196 .horizontalBT { |
| 199 -webkit-writing-mode: horizontal-bt; | 197 -webkit-writing-mode: horizontal-bt; |
| 200 } | 198 } |
| 201 | 199 |
| 202 .directionRTL { | 200 .directionRTL { |
| 203 direction: rtl; | 201 direction: rtl; |
| 204 } | 202 } |
| OLD | NEW |