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 30 matching lines...) Expand all Loading... |
120 | 125 |
121 .itemsSelfStart { | 126 .itemsSelfStart { |
122 align-items: self-start; | 127 align-items: self-start; |
123 justify-items: self-start; | 128 justify-items: self-start; |
124 } | 129 } |
125 | 130 |
126 .itemsSelfEnd { | 131 .itemsSelfEnd { |
127 align-items: self-end; | 132 align-items: self-end; |
128 justify-items: self-end; | 133 justify-items: self-end; |
129 } | 134 } |
| 135 .itemsBaseline { |
| 136 align-items: baseline; |
| 137 justify-items: baseline; |
| 138 } |
130 | 139 |
131 /* Both align-self and justify-self */ | 140 /* Both align-self and justify-self */ |
132 .selfStretch { | 141 .selfStretch { |
133 align-self: stretch; | 142 align-self: stretch; |
134 justify-self: stretch; | 143 justify-self: stretch; |
135 } | 144 } |
136 .selfStart { | 145 .selfStart { |
137 align-self: start; | 146 align-self: start; |
138 justify-self: start; | 147 justify-self: start; |
139 } | 148 } |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
212 | 221 |
213 .contentSpaceEvenly { | 222 .contentSpaceEvenly { |
214 justify-content: space-evenly; | 223 justify-content: space-evenly; |
215 align-content: space-evenly; | 224 align-content: space-evenly; |
216 } | 225 } |
217 | 226 |
218 .contentStretch { | 227 .contentStretch { |
219 justify-content: stretch; | 228 justify-content: stretch; |
220 align-content: stretch; | 229 align-content: stretch; |
221 } | 230 } |
OLD | NEW |