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 19 matching lines...) Expand all Loading... |
58 | 59 |
59 .justifySelfFlexStart { justify-self: flex-start; } | 60 .justifySelfFlexStart { justify-self: flex-start; } |
60 .justifySelfFlexEnd { justify-self: flex-end; } | 61 .justifySelfFlexEnd { justify-self: flex-end; } |
61 | 62 |
62 .justifySelfSelfStart { justify-self: self-start; } | 63 .justifySelfSelfStart { justify-self: self-start; } |
63 .justifySelfSelfEnd { justify-self: self-end; } | 64 .justifySelfSelfEnd { justify-self: self-end; } |
64 | 65 |
65 .justifySelfCenterSafe { justify-self: center safe; } | 66 .justifySelfCenterSafe { justify-self: center safe; } |
66 .justifySelfCenterUnsafe { justify-self: center unsafe; } | 67 .justifySelfCenterUnsafe { justify-self: center unsafe; } |
67 | 68 |
| 69 .justifySelfBaseline { justify-self: baseline; } |
| 70 |
68 /* justify-items */ | 71 /* justify-items */ |
69 .justifyItemsAuto { justify-items: auto; } | 72 .justifyItemsAuto { justify-items: auto; } |
70 .justifyItemsStretch { justify-items: stretch; } | 73 .justifyItemsStretch { justify-items: stretch; } |
71 .justifyItemsStart { justify-items: start; } | 74 .justifyItemsStart { justify-items: start; } |
72 .justifyItemsCenter { justify-items: center; } | 75 .justifyItemsCenter { justify-items: center; } |
73 .justifyItemsEnd { justify-items: end; } | 76 .justifyItemsEnd { justify-items: end; } |
74 | 77 |
75 .justifyItemsCenterSafe { justify-items: center safe; } | 78 .justifyItemsCenterSafe { justify-items: center safe; } |
76 .justifyItemsCenterUnsafe { justify-items: center unsafe; } | 79 .justifyItemsCenterUnsafe { justify-items: center unsafe; } |
77 .justifyItemsEndSafe { justify-items: end safe; } | 80 .justifyItemsEndSafe { justify-items: end safe; } |
78 .justifyItemsEndUnsafe { justify-items: end unsafe; } | 81 .justifyItemsEndUnsafe { justify-items: end unsafe; } |
79 | 82 |
| 83 .justifyItemsBaseline { justify-items: baseline; } |
| 84 |
80 /* justify-content */ | 85 /* justify-content */ |
81 .justifyContentBaseline { justify-content: baseline; } | 86 .justifyContentBaseline { justify-content: baseline; } |
82 .justifyContentLastBaseline { justify-content: last-baseline; } | 87 .justifyContentLastBaseline { justify-content: last-baseline; } |
83 .justifyContentStart { justify-content: start; } | 88 .justifyContentStart { justify-content: start; } |
84 .justifyContentEnd { justify-content: end; } | 89 .justifyContentEnd { justify-content: end; } |
85 .justifyContentCenter { justify-content: center; } | 90 .justifyContentCenter { justify-content: center; } |
86 .justifyContentLeft { justify-content: left; } | 91 .justifyContentLeft { justify-content: left; } |
87 .justifyContentRight { justify-content: right; } | 92 .justifyContentRight { justify-content: right; } |
88 .justifyContentFlexStart { justify-content: flex-start; } | 93 .justifyContentFlexStart { justify-content: flex-start; } |
89 .justifyContentFlexEnd { justify-content: flex-end; } | 94 .justifyContentFlexEnd { justify-content: flex-end; } |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
130 | 135 |
131 .itemsSelfStart { | 136 .itemsSelfStart { |
132 align-items: self-start; | 137 align-items: self-start; |
133 justify-items: self-start; | 138 justify-items: self-start; |
134 } | 139 } |
135 | 140 |
136 .itemsSelfEnd { | 141 .itemsSelfEnd { |
137 align-items: self-end; | 142 align-items: self-end; |
138 justify-items: self-end; | 143 justify-items: self-end; |
139 } | 144 } |
| 145 .itemsBaseline { |
| 146 align-items: baseline; |
| 147 justify-items: baseline; |
| 148 } |
140 | 149 |
141 /* Both align-self and justify-self */ | 150 /* Both align-self and justify-self */ |
142 .selfStretch { | 151 .selfStretch { |
143 align-self: stretch; | 152 align-self: stretch; |
144 justify-self: stretch; | 153 justify-self: stretch; |
145 } | 154 } |
146 .selfStart { | 155 .selfStart { |
147 align-self: start; | 156 align-self: start; |
148 justify-self: start; | 157 justify-self: start; |
149 } | 158 } |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
222 | 231 |
223 .contentSpaceEvenly { | 232 .contentSpaceEvenly { |
224 justify-content: space-evenly; | 233 justify-content: space-evenly; |
225 align-content: space-evenly; | 234 align-content: space-evenly; |
226 } | 235 } |
227 | 236 |
228 .contentStretch { | 237 .contentStretch { |
229 justify-content: stretch; | 238 justify-content: stretch; |
230 align-content: stretch; | 239 align-content: stretch; |
231 } | 240 } |
OLD | NEW |