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; } | 21 .alignSelfBaseline { align-self: baseline; } |
22 | 22 |
23 /* align-items */ | 23 /* align-items */ |
24 .alignItemsAuto { align-items: auto; } | 24 .alignItemsAuto { align-items: auto; } |
25 .alignItemsStretch { align-items: stretch; } | 25 .alignItemsStretch { align-items: stretch; } |
26 .alignItemsStart { align-items: start; } | 26 .alignItemsStart { align-items: start; } |
27 .alignItemsCenter { align-items: center; } | 27 .alignItemsCenter { align-items: center; } |
28 .alignItemsEnd { align-items: end; } | 28 .alignItemsEnd { align-items: end; } |
| 29 .alignItemsBaseline { align-items: baseline; } |
29 | 30 |
30 .alignItemsCenterSafe { align-items: center safe; } | 31 .alignItemsCenterSafe { align-items: center safe; } |
31 .alignItemsCenterUnsafe { align-items: center unsafe; } | 32 .alignItemsCenterUnsafe { align-items: center unsafe; } |
32 .alignItemsEndSafe { align-items: end safe; } | 33 .alignItemsEndSafe { align-items: end safe; } |
33 .alignItemsEndUnsafe { align-items: end unsafe; } | 34 .alignItemsEndUnsafe { align-items: end unsafe; } |
34 | 35 |
35 /* align-content */ | 36 /* align-content */ |
36 .alignContentBaseline { align-content: baseline; } | 37 .alignContentBaseline { align-content: baseline; } |
37 .alignContentLastBaseline { align-content: last-baseline; } | 38 .alignContentLastBaseline { align-content: last-baseline; } |
38 .alignContentStart { align-content: start; } | 39 .alignContentStart { align-content: start; } |
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
120 | 121 |
121 .itemsSelfStart { | 122 .itemsSelfStart { |
122 align-items: self-start; | 123 align-items: self-start; |
123 justify-items: self-start; | 124 justify-items: self-start; |
124 } | 125 } |
125 | 126 |
126 .itemsSelfEnd { | 127 .itemsSelfEnd { |
127 align-items: self-end; | 128 align-items: self-end; |
128 justify-items: self-end; | 129 justify-items: self-end; |
129 } | 130 } |
| 131 .itemsBaseline { |
| 132 align-items: baseline; |
| 133 justify-items: baseline; |
| 134 } |
130 | 135 |
131 /* Both align-self and justify-self */ | 136 /* Both align-self and justify-self */ |
132 .selfStretch { | 137 .selfStretch { |
133 align-self: stretch; | 138 align-self: stretch; |
134 justify-self: stretch; | 139 justify-self: stretch; |
135 } | 140 } |
136 .selfStart { | 141 .selfStart { |
137 align-self: start; | 142 align-self: start; |
138 justify-self: start; | 143 justify-self: start; |
139 } | 144 } |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
212 | 217 |
213 .contentSpaceEvenly { | 218 .contentSpaceEvenly { |
214 justify-content: space-evenly; | 219 justify-content: space-evenly; |
215 align-content: space-evenly; | 220 align-content: space-evenly; |
216 } | 221 } |
217 | 222 |
218 .contentStretch { | 223 .contentStretch { |
219 justify-content: stretch; | 224 justify-content: stretch; |
220 align-content: stretch; | 225 align-content: stretch; |
221 } | 226 } |
OLD | NEW |