alignment.css (12477B)
1 /* align-self */ 2 .alignSelfAuto { align-self: auto; } 3 .alignSelfNormal { align-self: normal; } 4 .alignSelfStretch { align-self: stretch; } 5 .alignSelfStart { align-self: start; } 6 .alignSelfEnd { align-self: end; } 7 .alignSelfCenter { align-self: center; } 8 .alignSelfRight { align-self: right; } 9 .alignSelfLeft { align-self: left; } 10 11 .alignSelfFlexStart { align-self: flex-start; } 12 .alignSelfFlexEnd { align-self: flex-end; } 13 14 .alignSelfSelfStart { align-self: self-start; } 15 .alignSelfSelfEnd { align-self: self-end; } 16 17 .alignSelfSafeCenter { align-self: safe center; } 18 .alignSelfUnsafeCenter { align-self: unsafe center; } 19 .alignSelfSafeEnd { align-self: safe end; } 20 .alignSelfUnsafeEnd { align-self: unsafe end; } 21 .alignSelfSafeSelfEnd { align-self: safe self-end; } 22 .alignSelfUnsafeSelfEnd { align-self: unsafe self-end; } 23 .alignSelfSafeSelfStart { align-self: safe self-start; } 24 .alignSelfUnsafeSelfStart { align-self: unsafe self-start; } 25 .alignSelfSafeRight { align-self: safe right; } 26 .alignSelfUnsafeRight { align-self: unsafe right; } 27 .alignSelfSafeLeft { align-self: safe left; } 28 .alignSelfUnsafeLeft { align-self: unsafe left; } 29 .alignSelfSafeFlexEnd { align-self: safe flex-end; } 30 .alignSelfUnsafeFlexEnd { align-self: unsafe flex-end; } 31 .alignSelfSafeFlexStart { align-self: safe flex-start; } 32 .alignSelfUnsafeFlexStart { align-self: unsafe flex-start; } 33 34 .alignSelfBaseline { align-self: baseline; } 35 .alignSelfFirstBaseline { align-self: first baseline; } 36 .alignSelfLastBaseline { align-self: last baseline; } 37 38 /* align-items */ 39 .alignItemsAuto { align-items: auto; } 40 .alignItemsNormal { align-items: normal; } 41 .alignItemsStretch { align-items: stretch; } 42 .alignItemsStart { align-items: start; } 43 .alignItemsCenter { align-items: center; } 44 .alignItemsEnd { align-items: end; } 45 .alignItemsLeft { align-items: left; } 46 .alignItemsRight { align-items: right; } 47 48 .alignItemsFlexStart { align-items: flex-start; } 49 .alignItemsFlexEnd { align-items: flex-end; } 50 51 .alignItemsSelfStart { align-items: self-start; } 52 .alignItemsSelfEnd { align-items: self-end; } 53 54 .alignItemsSafeCenter { align-items: safe center; } 55 .alignItemsUnsafeCenter { align-items: unsafe center; } 56 .alignItemsSafeEnd { align-items: safe end; } 57 .alignItemsUnsafeEnd { align-items: unsafe end; } 58 .alignItemsSafeSelfEnd { align-items: safe self-end; } 59 .alignItemsUnsafeSelfEnd { align-items: unsafe self-end; } 60 .alignItemsSafeSelfStart { align-items: safe self-start; } 61 .alignItemsUnsafeSelfStart { align-items: unsafe self-start; } 62 .alignItemsSafeRight { align-items: safe right; } 63 .alignItemsUnsafeRight { align-items: unsafe right; } 64 .alignItemsSafeLeft { align-items: safe left; } 65 .alignItemsUnsafeLeft { align-items: unsafe left; } 66 .alignItemsSafeFlexEnd { align-items: safe flex-end; } 67 .alignItemsUnsafeFlexEnd { align-items: unsafe flex-end; } 68 .alignItemsSafeFlexStart { align-items: safe flex-start; } 69 .alignItemsUnsafeFlexStart { align-items: unsafe flex-start; } 70 71 .alignItemsBaseline { align-items: baseline; } 72 .alignItemsFirstBaseline { align-items: first baseline; } 73 .alignItemsLastBaseline { align-items: last baseline; } 74 75 /* align-content */ 76 .alignContentBaseline { align-content: baseline; } 77 .alignContentLastBaseline { align-content: last-baseline; } 78 .alignContentStart { align-content: start; } 79 .alignContentEnd { align-content: end; } 80 .alignContentCenter { align-content: center; } 81 .alignContentLeft { align-content: left; } 82 .alignContentRight { align-content: right; } 83 84 .alignContentFlexStart { align-content: flex-start; } 85 .alignContentFlexEnd { align-content: flex-end; } 86 87 .alignContentSpaceBetween { align-content: space-between; } 88 .alignContentSpaceAround { align-content: space-around; } 89 .alignContentSpaceEvenly { align-content: space-evenly; } 90 .alignContentStretch { align-content: stretch; } 91 92 .alignContentSafeCenter { align-content: safe center; } 93 .alignContentUnsafeCenter { align-content: unsafe center; } 94 .alignContentSafeEnd { align-content: safe end; } 95 .alignContentUnsafeEnd { align-content: unsafe end; } 96 .alignContentSafeRight { align-content: safe right; } 97 .alignContentUnsafeRight { align-content: unsafe right; } 98 .alignContentSafeLeft { align-content: safe left; } 99 .alignContentUnsafeLeft { align-content: unsafe left; } 100 .alignContentSafeFlexEnd { align-content: safe flex-end; } 101 .alignContentUnsafeFlexEnd { align-content: unsafe flex-end; } 102 .alignContentSafeFlexStart { align-content: safe flex-start; } 103 .alignContentUnsafeFlexStart { align-content: unsafe flex-start; } 104 105 .alignContentBaseline { align-content: baseline; } 106 .alignContentFirstBaseline { align-content: first baseline; } 107 .alignContentLastBaseline { align-content: last baseline; } 108 109 /* justify-self */ 110 .justifySelfAuto { justify-self: auto; } 111 .justifySelfNormal { justify-self: normal; } 112 .justifySelfStretch { justify-self: stretch; } 113 .justifySelfStart { justify-self: start; } 114 .justifySelfCenter { justify-self: center; } 115 .justifySelfEnd { justify-self: end; } 116 .justifySelfRight { justify-self: right; } 117 .justifySelfLeft { justify-self: left; } 118 119 .justifySelfFlexStart { justify-self: flex-start; } 120 .justifySelfFlexEnd { justify-self: flex-end; } 121 122 .justifySelfSelfStart { justify-self: self-start; } 123 .justifySelfSelfEnd { justify-self: self-end; } 124 125 .justifySelfSafeCenter { justify-self: safe center; } 126 .justifySelfUnsafeCenter { justify-self: unsafe center; } 127 .justifySelfSafeEnd { justify-self: safe end; } 128 .justifySelfUnsafeEnd { justify-self: unsafe end; } 129 .justifySelfSafeSelfEnd { justify-self: safe self-end; } 130 .justifySelfUnsafeSelfEnd { justify-self: unsafe self-end; } 131 .justifySelfSafeSelfStart { justify-self: safe self-start; } 132 .justifySelfUnsafeSelfStart { justify-self: unsafe self-start; } 133 .justifySelfSafeRight { justify-self: safe right; } 134 .justifySelfUnsafeRight { justify-self: unsafe right; } 135 .justifySelfSafeLeft { justify-self: safe left; } 136 .justifySelfUnsafeLeft { justify-self: unsafe left; } 137 .justifySelfSafeFlexEnd { justify-self: safe flex-end; } 138 .justifySelfUnsafeFlexEnd { justify-self: unsafe flex-end; } 139 .justifySelfSafeFlexStart { justify-self: safe flex-start; } 140 .justifySelfUnsafeFlexStart { justify-self: unsafe flex-start; } 141 142 .justifySelfBaseline { justify-self: baseline; } 143 .justifySelfFirstBaseline { justify-self: first baseline; } 144 .justifySelfLastBaseline { justify-self: last baseline; } 145 146 /* justify-items */ 147 .justifyItemsAuto { justify-items: auto; } 148 .justifyItemsNormal { justify-items: normal; } 149 .justifyItemsStretch { justify-items: stretch; } 150 .justifyItemsStart { justify-items: start; } 151 .justifyItemsCenter { justify-items: center; } 152 .justifyItemsEnd { justify-items: end; } 153 .justifyItemsLeft { justify-items: left; } 154 .justifyItemsRight { justify-items: right; } 155 156 .justifyItemsFlexStart { justify-items: flex-start; } 157 .justifyItemsFlexEnd { justify-items: flex-end; } 158 159 .justifyItemsSelfStart { justify-items: self-start; } 160 .justifyItemsSelfEnd { justify-items: self-end; } 161 162 .justifyItemsLegacy { justify-items: legacy; } 163 .justifyItemsLegacyLeft { justify-items: legacy left; } 164 .justifyItemsLegacyCenter { justify-items: legacy center; } 165 .justifyItemsLegacyRight { justify-items: legacy right; } 166 .justifyItemsLeftLegacy { justify-items: left legacy; } 167 .justifyItemsCenterLegacy { justify-items: center legacy; } 168 .justifyItemsRightLegacy { justify-items: right legacy; } 169 170 .justifyItemsSafeCenter { justify-items: safe center; } 171 .justifyItemsUnsafeCenter { justify-items: unsafe center; } 172 .justifyItemsSafeEnd { justify-items: safe end; } 173 .justifyItemsUnsafeEnd { justify-items: unsafe end; } 174 .justifyItemsSafeSelfEnd { justify-items: safe self-end; } 175 .justifyItemsUnsafeSelfEnd { justify-items: unsafe self-end; } 176 .justifyItemsSafeSelfStart { justify-items: safe self-start; } 177 .justifyItemsUnsafeSelfStart { justify-items: unsafe self-start; } 178 .justifyItemsSafeRight { justify-items: safe right; } 179 .justifyItemsUnsafeRight { justify-items: unsafe right; } 180 .justifyItemsSafeLeft { justify-items: safe left; } 181 .justifyItemsUnsafeLeft { justify-items: unsafe left; } 182 .justifyItemsSafeFlexEnd { justify-items: safe flex-end; } 183 .justifyItemsUnsafeFlexEnd { justify-items: unsafe flex-end; } 184 .justifyItemsSafeFlexStart { justify-items: safe flex-start; } 185 .justifyItemsUnsafeFlexStart { justify-items: unsafe flex-start; } 186 187 .justifyItemsTest { justify-items: safe end; } 188 189 .justifyItemsBaseline { justify-items: baseline; } 190 .justifyItemsFirstBaseline { justify-items: first baseline; } 191 .justifyItemsLastBaseline { justify-items: last baseline; } 192 193 /* justify-content */ 194 .justifyContentBaseline { justify-content: baseline; } 195 .justifyContentLastBaseline { justify-content: last-baseline; } 196 .justifyContentStart { justify-content: start; } 197 .justifyContentEnd { justify-content: end; } 198 .justifyContentCenter { justify-content: center; } 199 .justifyContentLeft { justify-content: left; } 200 .justifyContentRight { justify-content: right; } 201 202 .justifyContentFlexStart { justify-content: flex-start; } 203 .justifyContentFlexEnd { justify-content: flex-end; } 204 205 .justifyContentSpaceBetween { justify-content: space-between; } 206 .justifyContentSpaceAround { justify-content: space-around; } 207 .justifyContentSpaceEvenly { justify-content: space-evenly; } 208 .justifyContentStretch { justify-content: stretch; } 209 210 .justifyContentSafeCenter { justify-content: safe center; } 211 .justifyContentUnsafeCenter { justify-content: unsafe center; } 212 .justifyContentSafeEnd { justify-content: safe end; } 213 .justifyContentUnsafeEnd { justify-content: unsafe end; } 214 .justifyContentSafeRight { justify-content: safe right; } 215 .justifyContentUnsafeRight { justify-content: unsafe right; } 216 .justifyContentSafeLeft { justify-content: safe left; } 217 .justifyContentUnsafeLeft { justify-content: unsafe left; } 218 .justifyContentSafeFlexEnd { justify-content: safe flex-end; } 219 .justifyContentUnsafeFlexEnd { justify-content: unsafe flex-end; } 220 .justifyContentSafeFlexStart { justify-content: safe flex-start; } 221 .justifyContentUnsafeFlexStart { justify-content: unsafe flex-start; } 222 223 .justifyContentBaseline { justify-content: baseline; } 224 .justifyContentFirstBaseline { justify-content: first baseline; } 225 .justifyContentLastBaseline { justify-content: last baseline; } 226 227 /* Both align-items and justify-items */ 228 .itemsNormal { 229 align-items: normal; 230 justify-items: normal; 231 } 232 233 .itemsStretch { 234 align-items: stretch; 235 justify-items: stretch; 236 } 237 238 .itemsStart { 239 align-items: start; 240 justify-items: start; 241 } 242 243 .itemsCenter { 244 align-items: center; 245 justify-items: center; 246 } 247 248 .itemsEnd { 249 align-items: end; 250 justify-items: end; 251 } 252 253 .itemsLeft { 254 align-items: left; 255 justify-items: left; 256 } 257 258 .itemsRight { 259 align-items: right; 260 justify-items: right; 261 } 262 263 .itemsSelfStart { 264 align-items: self-start; 265 justify-items: self-start; 266 } 267 268 .itemsSelfEnd { 269 align-items: self-end; 270 justify-items: self-end; 271 } 272 .itemsBaseline { 273 align-items: baseline; 274 justify-items: baseline; 275 } 276 277 /* Both align-self and justify-self */ 278 .selfStretch { 279 align-self: stretch; 280 justify-self: stretch; 281 } 282 .selfStart { 283 align-self: start; 284 justify-self: start; 285 } 286 .selfEnd { 287 align-self: end; 288 justify-self: end; 289 } 290 .selfCenter { 291 align-self: center; 292 justify-self: center; 293 } 294 .selfRight { 295 align-self: right; 296 justify-self: right; 297 } 298 .selfLeft { 299 align-self: left; 300 justify-self: left; 301 } 302 .selfSelfStart { 303 align-self: self-start; 304 justify-self: self-start; 305 } 306 .selfSelfEnd { 307 align-self: self-end; 308 justify-self: self-end; 309 } 310 .selfBaseline { 311 align-self: baseline; 312 justify-self: baseline; 313 } 314 315 /* Both align-content and justify-content */ 316 .contentStart { 317 align-content: start; 318 justify-content: start; 319 } 320 .contentCenter { 321 align-content: center; 322 justify-content: center; 323 } 324 .contentEnd { 325 align-content: end; 326 justify-content: end; 327 } 328 329 .contentCenterSafe { 330 align-content: safe center; 331 justify-content: safe center; 332 } 333 334 .contentCenterUnsafe { 335 align-content: unsafe center; 336 justify-content: unsafe center; 337 } 338 339 .contentEndSafe { 340 align-content: safe end; 341 justify-content: safe end; 342 } 343 344 .contentEndUnsafe { 345 align-content: unsafe end; 346 justify-content: unsafe end; 347 } 348 349 .contentSpaceBetween { 350 justify-content: space-between; 351 align-content: space-between; 352 } 353 354 .contentSpaceAround { 355 justify-content: space-around; 356 align-content: space-around; 357 } 358 359 .contentSpaceEvenly { 360 justify-content: space-evenly; 361 align-content: space-evenly; 362 } 363 364 .contentStretch { 365 justify-content: stretch; 366 align-content: stretch; 367 }