OLD | NEW |
1 /* align-self */ | 1 /* align-self */ |
2 .alignSelfAuto { align-self: auto; } | 2 .alignSelfAuto { align-self: auto; } |
3 .alignSelfStretch { align-self: stretch; } | 3 .alignSelfStretch { align-self: stretch; } |
4 .alignSelfStart { align-self: start; } | 4 .alignSelfStart { align-self: start; } |
5 .alignSelfEnd { align-self: end; } | 5 .alignSelfEnd { align-self: end; } |
6 .alignSelfCenter { align-self: center; } | 6 .alignSelfCenter { align-self: center; } |
7 .alignSelfRight { align-self: right; } | 7 .alignSelfRight { align-self: right; } |
8 .alignSelfLeft { align-self: left; } | 8 .alignSelfLeft { align-self: left; } |
9 | 9 |
10 .alignSelfFlexStart { align-self: flex-start; } | 10 .alignSelfFlexStart { align-self: flex-start; } |
11 .alignSelfFlexEnd { align-self: flex-end; } | 11 .alignSelfFlexEnd { align-self: flex-end; } |
12 | 12 |
13 .alignSelfSelfStart { align-self: self-start; } | 13 .alignSelfSelfStart { align-self: self-start; } |
14 .alignSelfSelfEnd { align-self: self-end; } | 14 .alignSelfSelfEnd { align-self: self-end; } |
15 | 15 |
16 .alignSelfCenterSafe { align-self: center safe; } | 16 .alignSelfCenterSafe { align-self: center safe; } |
17 .alignSelfCenterUnsafe { align-self: center unsafe; } | 17 .alignSelfCenterUnsafe { align-self: center unsafe; } |
18 .alignSelfEndSafe { align-self: end safe; } | 18 .alignSelfEndSafe { align-self: end safe; } |
19 .alignSelfEndUnsafe { align-self: end unsafe; } | 19 .alignSelfEndUnsafe { align-self: end unsafe; } |
20 | 20 |
| 21 .alignSelfBaseline { align-self: baseline; } |
| 22 |
21 /* align-items */ | 23 /* align-items */ |
22 .alignItemsAuto { align-items: auto; } | 24 .alignItemsAuto { align-items: auto; } |
23 .alignItemsStretch { align-items: stretch; } | 25 .alignItemsStretch { align-items: stretch; } |
24 .alignItemsStart { align-items: start; } | 26 .alignItemsStart { align-items: start; } |
25 .alignItemsCenter { align-items: center; } | 27 .alignItemsCenter { align-items: center; } |
26 .alignItemsEnd { align-items: end; } | 28 .alignItemsEnd { align-items: end; } |
27 | 29 |
28 .alignItemsCenterSafe { align-items: center safe; } | 30 .alignItemsCenterSafe { align-items: center safe; } |
29 .alignItemsCenterUnsafe { align-items: center unsafe; } | 31 .alignItemsCenterUnsafe { align-items: center unsafe; } |
30 .alignItemsEndSafe { align-items: end safe; } | 32 .alignItemsEndSafe { align-items: end safe; } |
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
152 justify-self: left; | 154 justify-self: left; |
153 } | 155 } |
154 .selfSelfStart { | 156 .selfSelfStart { |
155 align-self: self-start; | 157 align-self: self-start; |
156 justify-self: self-start; | 158 justify-self: self-start; |
157 } | 159 } |
158 .selfSelfEnd { | 160 .selfSelfEnd { |
159 align-self: self-end; | 161 align-self: self-end; |
160 justify-self: self-end; | 162 justify-self: self-end; |
161 } | 163 } |
| 164 .selfBaseline { |
| 165 align-self: baseline; |
| 166 justify-self: baseline; |
| 167 } |
162 | 168 |
163 /* Both align-content and justify-content */ | 169 /* Both align-content and justify-content */ |
164 .contentStart { | 170 .contentStart { |
165 align-content: start; | 171 align-content: start; |
166 justify-content: start; | 172 justify-content: start; |
167 } | 173 } |
168 .contentCenter { | 174 .contentCenter { |
169 align-content: center; | 175 align-content: center; |
170 justify-content: center; | 176 justify-content: center; |
171 } | 177 } |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
206 | 212 |
207 .contentSpaceEvenly { | 213 .contentSpaceEvenly { |
208 justify-content: space-evenly; | 214 justify-content: space-evenly; |
209 align-content: space-evenly; | 215 align-content: space-evenly; |
210 } | 216 } |
211 | 217 |
212 .contentStretch { | 218 .contentStretch { |
213 justify-content: stretch; | 219 justify-content: stretch; |
214 align-content: stretch; | 220 align-content: stretch; |
215 } | 221 } |
OLD | NEW |