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} 368