archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Add missing grid alignment utilities (#2306)

Browse Source 
* added suppot for justify-self

* Update fixtures

* Add remaining grid alignment utilities

* Update changelog

Co-authored-by: Felix Alcala <felix.alcala@gmail.com>
This commit is contained in:
Adam Wathan 2020-09-04 10:54:13 -04:00 committed by GitHub
parent b3270a5b31
commit ff013c5e9c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 2729 additions and 304 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- New `preserveHtmlElements` option for `purge` ([#2283](https://github.com/tailwindlabs/tailwindcss/pull/2283))
- New `layers` mode for `purge` ([#2288](https://github.com/tailwindlabs/tailwindcss/pull/2288))
- New `font-variant-numeric` utilities ([#2305](https://github.com/tailwindlabs/tailwindcss/pull/2305))
- New `place-items`, `place-content`, `place-self`, `justify-items`, and `justify-self` utilities ([#2306](https://github.com/tailwindlabs/tailwindcss/pull/2306))
### Deprecated

660
__tests__/fixtures/tailwind-output-flagged.css
View File

@ -20483,6 +20483,74 @@ video {
flex-wrap: nowrap;
}
.place-items-auto {
place-items: auto;
}
.place-items-start {
place-items: start;
}
.place-items-end {
place-items: end;
}
.place-items-center {
place-items: center;
}
.place-items-stretch {
place-items: stretch;
}
.place-content-center {
place-content: center;
}
.place-content-start {
place-content: start;
}
.place-content-end {
place-content: end;
}
.place-content-between {
place-content: space-between;
}
.place-content-around {
place-content: space-around;
}
.place-content-evenly {
place-content: space-evenly;
}
.place-content-stretch {
place-content: stretch;
}
.place-self-auto {
place-self: auto;
}
.place-self-start {
place-self: start;
}
.place-self-end {
place-self: end;
}
.place-self-center {
place-self: center;
}
.place-self-stretch {
place-self: stretch;
}
.items-start {
align-items: flex-start;
}
@ -20503,6 +20571,30 @@ video {
align-items: stretch;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.self-auto {
align-self: auto;
}
@ -20523,6 +20615,26 @@ video {
align-self: stretch;
}
.justify-items-auto {
justify-items: auto;
}
.justify-items-start {
justify-items: start;
}
.justify-items-end {
justify-items: end;
}
.justify-items-center {
justify-items: center;
}
.justify-items-stretch {
justify-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
@ -20547,24 +20659,24 @@ video {
justify-content: space-evenly;
}
.content-center {
align-content: center;
.justify-self-auto {
justify-self: auto;
}
.content-start {
align-content: flex-start;
.justify-self-start {
justify-self: start;
}
.content-end {
align-content: flex-end;
.justify-self-end {
justify-self: end;
}
.content-between {
align-content: space-between;
.justify-self-center {
justify-self: center;
}
.content-around {
align-content: space-around;
.justify-self-stretch {
justify-self: stretch;
}
.flex-1 {
@ -61869,6 +61981,74 @@ video {
flex-wrap: nowrap;
}
.sm\:place-items-auto {
place-items: auto;
}
.sm\:place-items-start {
place-items: start;
}
.sm\:place-items-end {
place-items: end;
}
.sm\:place-items-center {
place-items: center;
}
.sm\:place-items-stretch {
place-items: stretch;
}
.sm\:place-content-center {
place-content: center;
}
.sm\:place-content-start {
place-content: start;
}
.sm\:place-content-end {
place-content: end;
}
.sm\:place-content-between {
place-content: space-between;
}
.sm\:place-content-around {
place-content: space-around;
}
.sm\:place-content-evenly {
place-content: space-evenly;
}
.sm\:place-content-stretch {
place-content: stretch;
}
.sm\:place-self-auto {
place-self: auto;
}
.sm\:place-self-start {
place-self: start;
}
.sm\:place-self-end {
place-self: end;
}
.sm\:place-self-center {
place-self: center;
}
.sm\:place-self-stretch {
place-self: stretch;
}
.sm\:items-start {
align-items: flex-start;
}
@ -61889,6 +62069,30 @@ video {
align-items: stretch;
}
.sm\:content-center {
align-content: center;
}
.sm\:content-start {
align-content: flex-start;
}
.sm\:content-end {
align-content: flex-end;
}
.sm\:content-between {
align-content: space-between;
}
.sm\:content-around {
align-content: space-around;
}
.sm\:content-evenly {
align-content: space-evenly;
}
.sm\:self-auto {
align-self: auto;
}
@ -61909,6 +62113,26 @@ video {
align-self: stretch;
}
.sm\:justify-items-auto {
justify-items: auto;
}
.sm\:justify-items-start {
justify-items: start;
}
.sm\:justify-items-end {
justify-items: end;
}
.sm\:justify-items-center {
justify-items: center;
}
.sm\:justify-items-stretch {
justify-items: stretch;
}
.sm\:justify-start {
justify-content: flex-start;
}
@ -61933,24 +62157,24 @@ video {
justify-content: space-evenly;
}
.sm\:content-center {
align-content: center;
.sm\:justify-self-auto {
justify-self: auto;
}
.sm\:content-start {
align-content: flex-start;
.sm\:justify-self-start {
justify-self: start;
}
.sm\:content-end {
align-content: flex-end;
.sm\:justify-self-end {
justify-self: end;
}
.sm\:content-between {
align-content: space-between;
.sm\:justify-self-center {
justify-self: center;
}
.sm\:content-around {
align-content: space-around;
.sm\:justify-self-stretch {
justify-self: stretch;
}
.sm\:flex-1 {
@ -103225,6 +103449,74 @@ video {
flex-wrap: nowrap;
}
.md\:place-items-auto {
place-items: auto;
}
.md\:place-items-start {
place-items: start;
}
.md\:place-items-end {
place-items: end;
}
.md\:place-items-center {
place-items: center;
}
.md\:place-items-stretch {
place-items: stretch;
}
.md\:place-content-center {
place-content: center;
}
.md\:place-content-start {
place-content: start;
}
.md\:place-content-end {
place-content: end;
}
.md\:place-content-between {
place-content: space-between;
}
.md\:place-content-around {
place-content: space-around;
}
.md\:place-content-evenly {
place-content: space-evenly;
}
.md\:place-content-stretch {
place-content: stretch;
}
.md\:place-self-auto {
place-self: auto;
}
.md\:place-self-start {
place-self: start;
}
.md\:place-self-end {
place-self: end;
}
.md\:place-self-center {
place-self: center;
}
.md\:place-self-stretch {
place-self: stretch;
}
.md\:items-start {
align-items: flex-start;
}
@ -103245,6 +103537,30 @@ video {
align-items: stretch;
}
.md\:content-center {
align-content: center;
}
.md\:content-start {
align-content: flex-start;
}
.md\:content-end {
align-content: flex-end;
}
.md\:content-between {
align-content: space-between;
}
.md\:content-around {
align-content: space-around;
}
.md\:content-evenly {
align-content: space-evenly;
}
.md\:self-auto {
align-self: auto;
}
@ -103265,6 +103581,26 @@ video {
align-self: stretch;
}
.md\:justify-items-auto {
justify-items: auto;
}
.md\:justify-items-start {
justify-items: start;
}
.md\:justify-items-end {
justify-items: end;
}
.md\:justify-items-center {
justify-items: center;
}
.md\:justify-items-stretch {
justify-items: stretch;
}
.md\:justify-start {
justify-content: flex-start;
}
@ -103289,24 +103625,24 @@ video {
justify-content: space-evenly;
}
.md\:content-center {
align-content: center;
.md\:justify-self-auto {
justify-self: auto;
}
.md\:content-start {
align-content: flex-start;
.md\:justify-self-start {
justify-self: start;
}
.md\:content-end {
align-content: flex-end;
.md\:justify-self-end {
justify-self: end;
}
.md\:content-between {
align-content: space-between;
.md\:justify-self-center {
justify-self: center;
}
.md\:content-around {
align-content: space-around;
.md\:justify-self-stretch {
justify-self: stretch;
}
.md\:flex-1 {
@ -144581,6 +144917,74 @@ video {
flex-wrap: nowrap;
}
.lg\:place-items-auto {
place-items: auto;
}
.lg\:place-items-start {
place-items: start;
}
.lg\:place-items-end {
place-items: end;
}
.lg\:place-items-center {
place-items: center;
}
.lg\:place-items-stretch {
place-items: stretch;
}
.lg\:place-content-center {
place-content: center;
}
.lg\:place-content-start {
place-content: start;
}
.lg\:place-content-end {
place-content: end;
}
.lg\:place-content-between {
place-content: space-between;
}
.lg\:place-content-around {
place-content: space-around;
}
.lg\:place-content-evenly {
place-content: space-evenly;
}
.lg\:place-content-stretch {
place-content: stretch;
}
.lg\:place-self-auto {
place-self: auto;
}
.lg\:place-self-start {
place-self: start;
}
.lg\:place-self-end {
place-self: end;
}
.lg\:place-self-center {
place-self: center;
}
.lg\:place-self-stretch {
place-self: stretch;
}
.lg\:items-start {
align-items: flex-start;
}
@ -144601,6 +145005,30 @@ video {
align-items: stretch;
}
.lg\:content-center {
align-content: center;
}
.lg\:content-start {
align-content: flex-start;
}
.lg\:content-end {
align-content: flex-end;
}
.lg\:content-between {
align-content: space-between;
}
.lg\:content-around {
align-content: space-around;
}
.lg\:content-evenly {
align-content: space-evenly;
}
.lg\:self-auto {
align-self: auto;
}
@ -144621,6 +145049,26 @@ video {
align-self: stretch;
}
.lg\:justify-items-auto {
justify-items: auto;
}
.lg\:justify-items-start {
justify-items: start;
}
.lg\:justify-items-end {
justify-items: end;
}
.lg\:justify-items-center {
justify-items: center;
}
.lg\:justify-items-stretch {
justify-items: stretch;
}
.lg\:justify-start {
justify-content: flex-start;
}
@ -144645,24 +145093,24 @@ video {
justify-content: space-evenly;
}
.lg\:content-center {
align-content: center;
.lg\:justify-self-auto {
justify-self: auto;
}
.lg\:content-start {
align-content: flex-start;
.lg\:justify-self-start {
justify-self: start;
}
.lg\:content-end {
align-content: flex-end;
.lg\:justify-self-end {
justify-self: end;
}
.lg\:content-between {
align-content: space-between;
.lg\:justify-self-center {
justify-self: center;
}
.lg\:content-around {
align-content: space-around;
.lg\:justify-self-stretch {
justify-self: stretch;
}
.lg\:flex-1 {
@ -185937,6 +186385,74 @@ video {
flex-wrap: nowrap;
}
.xl\:place-items-auto {
place-items: auto;
}
.xl\:place-items-start {
place-items: start;
}
.xl\:place-items-end {
place-items: end;
}
.xl\:place-items-center {
place-items: center;
}
.xl\:place-items-stretch {
place-items: stretch;
}
.xl\:place-content-center {
place-content: center;
}
.xl\:place-content-start {
place-content: start;
}
.xl\:place-content-end {
place-content: end;
}
.xl\:place-content-between {
place-content: space-between;
}
.xl\:place-content-around {
place-content: space-around;
}
.xl\:place-content-evenly {
place-content: space-evenly;
}
.xl\:place-content-stretch {
place-content: stretch;
}
.xl\:place-self-auto {
place-self: auto;
}
.xl\:place-self-start {
place-self: start;
}
.xl\:place-self-end {
place-self: end;
}
.xl\:place-self-center {
place-self: center;
}
.xl\:place-self-stretch {
place-self: stretch;
}
.xl\:items-start {
align-items: flex-start;
}
@ -185957,6 +186473,30 @@ video {
align-items: stretch;
}
.xl\:content-center {
align-content: center;
}
.xl\:content-start {
align-content: flex-start;
}
.xl\:content-end {
align-content: flex-end;
}
.xl\:content-between {
align-content: space-between;
}
.xl\:content-around {
align-content: space-around;
}
.xl\:content-evenly {
align-content: space-evenly;
}
.xl\:self-auto {
align-self: auto;
}
@ -185977,6 +186517,26 @@ video {
align-self: stretch;
}
.xl\:justify-items-auto {
justify-items: auto;
}
.xl\:justify-items-start {
justify-items: start;
}
.xl\:justify-items-end {
justify-items: end;
}
.xl\:justify-items-center {
justify-items: center;
}
.xl\:justify-items-stretch {
justify-items: stretch;
}
.xl\:justify-start {
justify-content: flex-start;
}
@ -186001,24 +186561,24 @@ video {
justify-content: space-evenly;
}
.xl\:content-center {
align-content: center;
.xl\:justify-self-auto {
justify-self: auto;
}
.xl\:content-start {
align-content: flex-start;
.xl\:justify-self-start {
justify-self: start;
}
.xl\:content-end {
align-content: flex-end;
.xl\:justify-self-end {
justify-self: end;
}
.xl\:content-between {
align-content: space-between;
.xl\:justify-self-center {
justify-self: center;
}
.xl\:content-around {
align-content: space-around;
.xl\:justify-self-stretch {
justify-self: stretch;
}
.xl\:flex-1 {

220
__tests__/fixtures/tailwind-output-ie11.css
View File

@ -4255,6 +4255,30 @@ video {
align-items: stretch;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.self-auto {
align-self: auto;
}
@ -4299,26 +4323,6 @@ video {
justify-content: space-evenly;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.flex-1 {
flex: 1 1 0%;
}
@ -14721,6 +14725,30 @@ video {
align-items: stretch;
}
.sm\:content-center {
align-content: center;
}
.sm\:content-start {
align-content: flex-start;
}
.sm\:content-end {
align-content: flex-end;
}
.sm\:content-between {
align-content: space-between;
}
.sm\:content-around {
align-content: space-around;
}
.sm\:content-evenly {
align-content: space-evenly;
}
.sm\:self-auto {
align-self: auto;
}
@ -14765,26 +14793,6 @@ video {
justify-content: space-evenly;
}
.sm\:content-center {
align-content: center;
}
.sm\:content-start {
align-content: flex-start;
}
.sm\:content-end {
align-content: flex-end;
}
.sm\:content-between {
align-content: space-between;
}
.sm\:content-around {
align-content: space-around;
}
.sm\:flex-1 {
flex: 1 1 0%;
}
@ -25157,6 +25165,30 @@ video {
align-items: stretch;
}
.md\:content-center {
align-content: center;
}
.md\:content-start {
align-content: flex-start;
}
.md\:content-end {
align-content: flex-end;
}
.md\:content-between {
align-content: space-between;
}
.md\:content-around {
align-content: space-around;
}
.md\:content-evenly {
align-content: space-evenly;
}
.md\:self-auto {
align-self: auto;
}
@ -25201,26 +25233,6 @@ video {
justify-content: space-evenly;
}
.md\:content-center {
align-content: center;
}
.md\:content-start {
align-content: flex-start;
}
.md\:content-end {
align-content: flex-end;
}
.md\:content-between {
align-content: space-between;
}
.md\:content-around {
align-content: space-around;
}
.md\:flex-1 {
flex: 1 1 0%;
}
@ -35593,6 +35605,30 @@ video {
align-items: stretch;
}
.lg\:content-center {
align-content: center;
}
.lg\:content-start {
align-content: flex-start;
}
.lg\:content-end {
align-content: flex-end;
}
.lg\:content-between {
align-content: space-between;
}
.lg\:content-around {
align-content: space-around;
}
.lg\:content-evenly {
align-content: space-evenly;
}
.lg\:self-auto {
align-self: auto;
}
@ -35637,26 +35673,6 @@ video {
justify-content: space-evenly;
}
.lg\:content-center {
align-content: center;
}
.lg\:content-start {
align-content: flex-start;
}
.lg\:content-end {
align-content: flex-end;
}
.lg\:content-between {
align-content: space-between;
}
.lg\:content-around {
align-content: space-around;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
@ -46029,6 +46045,30 @@ video {
align-items: stretch;
}
.xl\:content-center {
align-content: center;
}
.xl\:content-start {
align-content: flex-start;
}
.xl\:content-end {
align-content: flex-end;
}
.xl\:content-between {
align-content: space-between;
}
.xl\:content-around {
align-content: space-around;
}
.xl\:content-evenly {
align-content: space-evenly;
}
.xl\:self-auto {
align-self: auto;
}
@ -46073,26 +46113,6 @@ video {
justify-content: space-evenly;
}
.xl\:content-center {
align-content: center;
}
.xl\:content-start {
align-content: flex-start;
}
.xl\:content-end {
align-content: flex-end;
}
.xl\:content-between {
align-content: space-between;
}
.xl\:content-around {
align-content: space-around;
}
.xl\:flex-1 {
flex: 1 1 0%;
}

660
__tests__/fixtures/tailwind-output-important.css
View File

@ -9847,6 +9847,74 @@ video {
flex-wrap: nowrap !important;
}
.place-items-auto {
place-items: auto !important;
}
.place-items-start {
place-items: start !important;
}
.place-items-end {
place-items: end !important;
}
.place-items-center {
place-items: center !important;
}
.place-items-stretch {
place-items: stretch !important;
}
.place-content-center {
place-content: center !important;
}
.place-content-start {
place-content: start !important;
}
.place-content-end {
place-content: end !important;
}
.place-content-between {
place-content: space-between !important;
}
.place-content-around {
place-content: space-around !important;
}
.place-content-evenly {
place-content: space-evenly !important;
}
.place-content-stretch {
place-content: stretch !important;
}
.place-self-auto {
place-self: auto !important;
}
.place-self-start {
place-self: start !important;
}
.place-self-end {
place-self: end !important;
}
.place-self-center {
place-self: center !important;
}
.place-self-stretch {
place-self: stretch !important;
}
.items-start {
align-items: flex-start !important;
}
@ -9867,6 +9935,30 @@ video {
align-items: stretch !important;
}
.content-center {
align-content: center !important;
}
.content-start {
align-content: flex-start !important;
}
.content-end {
align-content: flex-end !important;
}
.content-between {
align-content: space-between !important;
}
.content-around {
align-content: space-around !important;
}
.content-evenly {
align-content: space-evenly !important;
}
.self-auto {
align-self: auto !important;
}
@ -9887,6 +9979,26 @@ video {
align-self: stretch !important;
}
.justify-items-auto {
justify-items: auto !important;
}
.justify-items-start {
justify-items: start !important;
}
.justify-items-end {
justify-items: end !important;
}
.justify-items-center {
justify-items: center !important;
}
.justify-items-stretch {
justify-items: stretch !important;
}
.justify-start {
justify-content: flex-start !important;
}
@ -9911,24 +10023,24 @@ video {
justify-content: space-evenly !important;
}
.content-center {
align-content: center !important;
.justify-self-auto {
justify-self: auto !important;
}
.content-start {
align-content: flex-start !important;
.justify-self-start {
justify-self: start !important;
}
.content-end {
align-content: flex-end !important;
.justify-self-end {
justify-self: end !important;
}
.content-between {
align-content: space-between !important;
.justify-self-center {
justify-self: center !important;
}
.content-around {
align-content: space-around !important;
.justify-self-stretch {
justify-self: stretch !important;
}
.flex-1 {
@ -27958,6 +28070,74 @@ video {
flex-wrap: nowrap !important;
}
.sm\:place-items-auto {
place-items: auto !important;
}
.sm\:place-items-start {
place-items: start !important;
}
.sm\:place-items-end {
place-items: end !important;
}
.sm\:place-items-center {
place-items: center !important;
}
.sm\:place-items-stretch {
place-items: stretch !important;
}
.sm\:place-content-center {
place-content: center !important;
}
.sm\:place-content-start {
place-content: start !important;
}
.sm\:place-content-end {
place-content: end !important;
}
.sm\:place-content-between {
place-content: space-between !important;
}
.sm\:place-content-around {
place-content: space-around !important;
}
.sm\:place-content-evenly {
place-content: space-evenly !important;
}
.sm\:place-content-stretch {
place-content: stretch !important;
}
.sm\:place-self-auto {
place-self: auto !important;
}
.sm\:place-self-start {
place-self: start !important;
}
.sm\:place-self-end {
place-self: end !important;
}
.sm\:place-self-center {
place-self: center !important;
}
.sm\:place-self-stretch {
place-self: stretch !important;
}
.sm\:items-start {
align-items: flex-start !important;
}
@ -27978,6 +28158,30 @@ video {
align-items: stretch !important;
}
.sm\:content-center {
align-content: center !important;
}
.sm\:content-start {
align-content: flex-start !important;
}
.sm\:content-end {
align-content: flex-end !important;
}
.sm\:content-between {
align-content: space-between !important;
}
.sm\:content-around {
align-content: space-around !important;
}
.sm\:content-evenly {
align-content: space-evenly !important;
}
.sm\:self-auto {
align-self: auto !important;
}
@ -27998,6 +28202,26 @@ video {
align-self: stretch !important;
}
.sm\:justify-items-auto {
justify-items: auto !important;
}
.sm\:justify-items-start {
justify-items: start !important;
}
.sm\:justify-items-end {
justify-items: end !important;
}
.sm\:justify-items-center {
justify-items: center !important;
}
.sm\:justify-items-stretch {
justify-items: stretch !important;
}
.sm\:justify-start {
justify-content: flex-start !important;
}
@ -28022,24 +28246,24 @@ video {
justify-content: space-evenly !important;
}
.sm\:content-center {
align-content: center !important;
.sm\:justify-self-auto {
justify-self: auto !important;
}
.sm\:content-start {
align-content: flex-start !important;
.sm\:justify-self-start {
justify-self: start !important;
}
.sm\:content-end {
align-content: flex-end !important;
.sm\:justify-self-end {
justify-self: end !important;
}
.sm\:content-between {
align-content: space-between !important;
.sm\:justify-self-center {
justify-self: center !important;
}
.sm\:content-around {
align-content: space-around !important;
.sm\:justify-self-stretch {
justify-self: stretch !important;
}
.sm\:flex-1 {
@ -46039,6 +46263,74 @@ video {
flex-wrap: nowrap !important;
}
.md\:place-items-auto {
place-items: auto !important;
}
.md\:place-items-start {
place-items: start !important;
}
.md\:place-items-end {
place-items: end !important;
}
.md\:place-items-center {
place-items: center !important;
}
.md\:place-items-stretch {
place-items: stretch !important;
}
.md\:place-content-center {
place-content: center !important;
}
.md\:place-content-start {
place-content: start !important;
}
.md\:place-content-end {
place-content: end !important;
}
.md\:place-content-between {
place-content: space-between !important;
}
.md\:place-content-around {
place-content: space-around !important;
}
.md\:place-content-evenly {
place-content: space-evenly !important;
}
.md\:place-content-stretch {
place-content: stretch !important;
}
.md\:place-self-auto {
place-self: auto !important;
}
.md\:place-self-start {
place-self: start !important;
}
.md\:place-self-end {
place-self: end !important;
}
.md\:place-self-center {
place-self: center !important;
}
.md\:place-self-stretch {
place-self: stretch !important;
}
.md\:items-start {
align-items: flex-start !important;
}
@ -46059,6 +46351,30 @@ video {
align-items: stretch !important;
}
.md\:content-center {
align-content: center !important;
}
.md\:content-start {
align-content: flex-start !important;
}
.md\:content-end {
align-content: flex-end !important;
}
.md\:content-between {
align-content: space-between !important;
}
.md\:content-around {
align-content: space-around !important;
}
.md\:content-evenly {
align-content: space-evenly !important;
}
.md\:self-auto {
align-self: auto !important;
}
@ -46079,6 +46395,26 @@ video {
align-self: stretch !important;
}
.md\:justify-items-auto {
justify-items: auto !important;
}
.md\:justify-items-start {
justify-items: start !important;
}
.md\:justify-items-end {
justify-items: end !important;
}
.md\:justify-items-center {
justify-items: center !important;
}
.md\:justify-items-stretch {
justify-items: stretch !important;
}
.md\:justify-start {
justify-content: flex-start !important;
}
@ -46103,24 +46439,24 @@ video {
justify-content: space-evenly !important;
}
.md\:content-center {
align-content: center !important;
.md\:justify-self-auto {
justify-self: auto !important;
}
.md\:content-start {
align-content: flex-start !important;
.md\:justify-self-start {
justify-self: start !important;
}
.md\:content-end {
align-content: flex-end !important;
.md\:justify-self-end {
justify-self: end !important;
}
.md\:content-between {
align-content: space-between !important;
.md\:justify-self-center {
justify-self: center !important;
}
.md\:content-around {
align-content: space-around !important;
.md\:justify-self-stretch {
justify-self: stretch !important;
}
.md\:flex-1 {
@ -64120,6 +64456,74 @@ video {
flex-wrap: nowrap !important;
}
.lg\:place-items-auto {
place-items: auto !important;
}
.lg\:place-items-start {
place-items: start !important;
}
.lg\:place-items-end {
place-items: end !important;
}
.lg\:place-items-center {
place-items: center !important;
}
.lg\:place-items-stretch {
place-items: stretch !important;
}
.lg\:place-content-center {
place-content: center !important;
}
.lg\:place-content-start {
place-content: start !important;
}
.lg\:place-content-end {
place-content: end !important;
}
.lg\:place-content-between {
place-content: space-between !important;
}
.lg\:place-content-around {
place-content: space-around !important;
}
.lg\:place-content-evenly {
place-content: space-evenly !important;
}
.lg\:place-content-stretch {
place-content: stretch !important;
}
.lg\:place-self-auto {
place-self: auto !important;
}
.lg\:place-self-start {
place-self: start !important;
}
.lg\:place-self-end {
place-self: end !important;
}
.lg\:place-self-center {
place-self: center !important;
}
.lg\:place-self-stretch {
place-self: stretch !important;
}
.lg\:items-start {
align-items: flex-start !important;
}
@ -64140,6 +64544,30 @@ video {
align-items: stretch !important;
}
.lg\:content-center {
align-content: center !important;
}
.lg\:content-start {
align-content: flex-start !important;
}
.lg\:content-end {
align-content: flex-end !important;
}
.lg\:content-between {
align-content: space-between !important;
}
.lg\:content-around {
align-content: space-around !important;
}
.lg\:content-evenly {
align-content: space-evenly !important;
}
.lg\:self-auto {
align-self: auto !important;
}
@ -64160,6 +64588,26 @@ video {
align-self: stretch !important;
}
.lg\:justify-items-auto {
justify-items: auto !important;
}
.lg\:justify-items-start {
justify-items: start !important;
}
.lg\:justify-items-end {
justify-items: end !important;
}
.lg\:justify-items-center {
justify-items: center !important;
}
.lg\:justify-items-stretch {
justify-items: stretch !important;
}
.lg\:justify-start {
justify-content: flex-start !important;
}
@ -64184,24 +64632,24 @@ video {
justify-content: space-evenly !important;
}
.lg\:content-center {
align-content: center !important;
.lg\:justify-self-auto {
justify-self: auto !important;
}
.lg\:content-start {
align-content: flex-start !important;
.lg\:justify-self-start {
justify-self: start !important;
}
.lg\:content-end {
align-content: flex-end !important;
.lg\:justify-self-end {
justify-self: end !important;
}
.lg\:content-between {
align-content: space-between !important;
.lg\:justify-self-center {
justify-self: center !important;
}
.lg\:content-around {
align-content: space-around !important;
.lg\:justify-self-stretch {
justify-self: stretch !important;
}
.lg\:flex-1 {
@ -82201,6 +82649,74 @@ video {
flex-wrap: nowrap !important;
}
.xl\:place-items-auto {
place-items: auto !important;
}
.xl\:place-items-start {
place-items: start !important;
}
.xl\:place-items-end {
place-items: end !important;
}
.xl\:place-items-center {
place-items: center !important;
}
.xl\:place-items-stretch {
place-items: stretch !important;
}
.xl\:place-content-center {
place-content: center !important;
}
.xl\:place-content-start {
place-content: start !important;
}
.xl\:place-content-end {
place-content: end !important;
}
.xl\:place-content-between {
place-content: space-between !important;
}
.xl\:place-content-around {
place-content: space-around !important;
}
.xl\:place-content-evenly {
place-content: space-evenly !important;
}
.xl\:place-content-stretch {
place-content: stretch !important;
}
.xl\:place-self-auto {
place-self: auto !important;
}
.xl\:place-self-start {
place-self: start !important;
}
.xl\:place-self-end {
place-self: end !important;
}
.xl\:place-self-center {
place-self: center !important;
}
.xl\:place-self-stretch {
place-self: stretch !important;
}
.xl\:items-start {
align-items: flex-start !important;
}
@ -82221,6 +82737,30 @@ video {
align-items: stretch !important;
}
.xl\:content-center {
align-content: center !important;
}
.xl\:content-start {
align-content: flex-start !important;
}
.xl\:content-end {
align-content: flex-end !important;
}
.xl\:content-between {
align-content: space-between !important;
}
.xl\:content-around {
align-content: space-around !important;
}
.xl\:content-evenly {
align-content: space-evenly !important;
}
.xl\:self-auto {
align-self: auto !important;
}
@ -82241,6 +82781,26 @@ video {
align-self: stretch !important;
}
.xl\:justify-items-auto {
justify-items: auto !important;
}
.xl\:justify-items-start {
justify-items: start !important;
}
.xl\:justify-items-end {
justify-items: end !important;
}
.xl\:justify-items-center {
justify-items: center !important;
}
.xl\:justify-items-stretch {
justify-items: stretch !important;
}
.xl\:justify-start {
justify-content: flex-start !important;
}
@ -82265,24 +82825,24 @@ video {
justify-content: space-evenly !important;
}
.xl\:content-center {
align-content: center !important;
.xl\:justify-self-auto {
justify-self: auto !important;
}
.xl\:content-start {
align-content: flex-start !important;
.xl\:justify-self-start {
justify-self: start !important;
}
.xl\:content-end {
align-content: flex-end !important;
.xl\:justify-self-end {
justify-self: end !important;
}
.xl\:content-between {
align-content: space-between !important;
.xl\:justify-self-center {
justify-self: center !important;
}
.xl\:content-around {
align-content: space-around !important;
.xl\:justify-self-stretch {
justify-self: stretch !important;
}
.xl\:flex-1 {

660
__tests__/fixtures/tailwind-output-no-color-opacity.css
View File

@ -8419,6 +8419,74 @@ video {
flex-wrap: nowrap;
}
.place-items-auto {
place-items: auto;
}
.place-items-start {
place-items: start;
}
.place-items-end {
place-items: end;
}
.place-items-center {
place-items: center;
}
.place-items-stretch {
place-items: stretch;
}
.place-content-center {
place-content: center;
}
.place-content-start {
place-content: start;
}
.place-content-end {
place-content: end;
}
.place-content-between {
place-content: space-between;
}
.place-content-around {
place-content: space-around;
}
.place-content-evenly {
place-content: space-evenly;
}
.place-content-stretch {
place-content: stretch;
}
.place-self-auto {
place-self: auto;
}
.place-self-start {
place-self: start;
}
.place-self-end {
place-self: end;
}
.place-self-center {
place-self: center;
}
.place-self-stretch {
place-self: stretch;
}
.items-start {
align-items: flex-start;
}
@ -8439,6 +8507,30 @@ video {
align-items: stretch;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.self-auto {
align-self: auto;
}
@ -8459,6 +8551,26 @@ video {
align-self: stretch;
}
.justify-items-auto {
justify-items: auto;
}
.justify-items-start {
justify-items: start;
}
.justify-items-end {
justify-items: end;
}
.justify-items-center {
justify-items: center;
}
.justify-items-stretch {
justify-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
@ -8483,24 +8595,24 @@ video {
justify-content: space-evenly;
}
.content-center {
align-content: center;
.justify-self-auto {
justify-self: auto;
}
.content-start {
align-content: flex-start;
.justify-self-start {
justify-self: start;
}
.content-end {
align-content: flex-end;
.justify-self-end {
justify-self: end;
}
.content-between {
align-content: space-between;
.justify-self-center {
justify-self: center;
}
.content-around {
align-content: space-around;
.justify-self-stretch {
justify-self: stretch;
}
.flex-1 {
@ -24082,6 +24194,74 @@ video {
flex-wrap: nowrap;
}
.sm\:place-items-auto {
place-items: auto;
}
.sm\:place-items-start {
place-items: start;
}
.sm\:place-items-end {
place-items: end;
}
.sm\:place-items-center {
place-items: center;
}
.sm\:place-items-stretch {
place-items: stretch;
}
.sm\:place-content-center {
place-content: center;
}
.sm\:place-content-start {
place-content: start;
}
.sm\:place-content-end {
place-content: end;
}
.sm\:place-content-between {
place-content: space-between;
}
.sm\:place-content-around {
place-content: space-around;
}
.sm\:place-content-evenly {
place-content: space-evenly;
}
.sm\:place-content-stretch {
place-content: stretch;
}
.sm\:place-self-auto {
place-self: auto;
}
.sm\:place-self-start {
place-self: start;
}
.sm\:place-self-end {
place-self: end;
}
.sm\:place-self-center {
place-self: center;
}
.sm\:place-self-stretch {
place-self: stretch;
}
.sm\:items-start {
align-items: flex-start;
}
@ -24102,6 +24282,30 @@ video {
align-items: stretch;
}
.sm\:content-center {
align-content: center;
}
.sm\:content-start {
align-content: flex-start;
}
.sm\:content-end {
align-content: flex-end;
}
.sm\:content-between {
align-content: space-between;
}
.sm\:content-around {
align-content: space-around;
}
.sm\:content-evenly {
align-content: space-evenly;
}
.sm\:self-auto {
align-self: auto;
}
@ -24122,6 +24326,26 @@ video {
align-self: stretch;
}
.sm\:justify-items-auto {
justify-items: auto;
}
.sm\:justify-items-start {
justify-items: start;
}
.sm\:justify-items-end {
justify-items: end;
}
.sm\:justify-items-center {
justify-items: center;
}
.sm\:justify-items-stretch {
justify-items: stretch;
}
.sm\:justify-start {
justify-content: flex-start;
}
@ -24146,24 +24370,24 @@ video {
justify-content: space-evenly;
}
.sm\:content-center {
align-content: center;
.sm\:justify-self-auto {
justify-self: auto;
}
.sm\:content-start {
align-content: flex-start;
.sm\:justify-self-start {
justify-self: start;
}
.sm\:content-end {
align-content: flex-end;
.sm\:justify-self-end {
justify-self: end;
}
.sm\:content-between {
align-content: space-between;
.sm\:justify-self-center {
justify-self: center;
}
.sm\:content-around {
align-content: space-around;
.sm\:justify-self-stretch {
justify-self: stretch;
}
.sm\:flex-1 {
@ -39715,6 +39939,74 @@ video {
flex-wrap: nowrap;
}
.md\:place-items-auto {
place-items: auto;
}
.md\:place-items-start {
place-items: start;
}
.md\:place-items-end {
place-items: end;
}
.md\:place-items-center {
place-items: center;
}
.md\:place-items-stretch {
place-items: stretch;
}
.md\:place-content-center {
place-content: center;
}
.md\:place-content-start {
place-content: start;
}
.md\:place-content-end {
place-content: end;
}
.md\:place-content-between {
place-content: space-between;
}
.md\:place-content-around {
place-content: space-around;
}
.md\:place-content-evenly {
place-content: space-evenly;
}
.md\:place-content-stretch {
place-content: stretch;
}
.md\:place-self-auto {
place-self: auto;
}
.md\:place-self-start {
place-self: start;
}
.md\:place-self-end {
place-self: end;
}
.md\:place-self-center {
place-self: center;
}
.md\:place-self-stretch {
place-self: stretch;
}
.md\:items-start {
align-items: flex-start;
}
@ -39735,6 +40027,30 @@ video {
align-items: stretch;
}
.md\:content-center {
align-content: center;
}
.md\:content-start {
align-content: flex-start;
}
.md\:content-end {
align-content: flex-end;
}
.md\:content-between {
align-content: space-between;
}
.md\:content-around {
align-content: space-around;
}
.md\:content-evenly {
align-content: space-evenly;
}
.md\:self-auto {
align-self: auto;
}
@ -39755,6 +40071,26 @@ video {
align-self: stretch;
}
.md\:justify-items-auto {
justify-items: auto;
}
.md\:justify-items-start {
justify-items: start;
}
.md\:justify-items-end {
justify-items: end;
}
.md\:justify-items-center {
justify-items: center;
}
.md\:justify-items-stretch {
justify-items: stretch;
}
.md\:justify-start {
justify-content: flex-start;
}
@ -39779,24 +40115,24 @@ video {
justify-content: space-evenly;
}
.md\:content-center {
align-content: center;
.md\:justify-self-auto {
justify-self: auto;
}
.md\:content-start {
align-content: flex-start;
.md\:justify-self-start {
justify-self: start;
}
.md\:content-end {
align-content: flex-end;
.md\:justify-self-end {
justify-self: end;
}
.md\:content-between {
align-content: space-between;
.md\:justify-self-center {
justify-self: center;
}
.md\:content-around {
align-content: space-around;
.md\:justify-self-stretch {
justify-self: stretch;
}
.md\:flex-1 {
@ -55348,6 +55684,74 @@ video {
flex-wrap: nowrap;
}
.lg\:place-items-auto {
place-items: auto;
}
.lg\:place-items-start {
place-items: start;
}
.lg\:place-items-end {
place-items: end;
}
.lg\:place-items-center {
place-items: center;
}
.lg\:place-items-stretch {
place-items: stretch;
}
.lg\:place-content-center {
place-content: center;
}
.lg\:place-content-start {
place-content: start;
}
.lg\:place-content-end {
place-content: end;
}
.lg\:place-content-between {
place-content: space-between;
}
.lg\:place-content-around {
place-content: space-around;
}
.lg\:place-content-evenly {
place-content: space-evenly;
}
.lg\:place-content-stretch {
place-content: stretch;
}
.lg\:place-self-auto {
place-self: auto;
}
.lg\:place-self-start {
place-self: start;
}
.lg\:place-self-end {
place-self: end;
}
.lg\:place-self-center {
place-self: center;
}
.lg\:place-self-stretch {
place-self: stretch;
}
.lg\:items-start {
align-items: flex-start;
}
@ -55368,6 +55772,30 @@ video {
align-items: stretch;
}
.lg\:content-center {
align-content: center;
}
.lg\:content-start {
align-content: flex-start;
}
.lg\:content-end {
align-content: flex-end;
}
.lg\:content-between {
align-content: space-between;
}
.lg\:content-around {
align-content: space-around;
}
.lg\:content-evenly {
align-content: space-evenly;
}
.lg\:self-auto {
align-self: auto;
}
@ -55388,6 +55816,26 @@ video {
align-self: stretch;
}
.lg\:justify-items-auto {
justify-items: auto;
}
.lg\:justify-items-start {
justify-items: start;
}
.lg\:justify-items-end {
justify-items: end;
}
.lg\:justify-items-center {
justify-items: center;
}
.lg\:justify-items-stretch {
justify-items: stretch;
}
.lg\:justify-start {
justify-content: flex-start;
}
@ -55412,24 +55860,24 @@ video {
justify-content: space-evenly;
}
.lg\:content-center {
align-content: center;
.lg\:justify-self-auto {
justify-self: auto;
}
.lg\:content-start {
align-content: flex-start;
.lg\:justify-self-start {
justify-self: start;
}
.lg\:content-end {
align-content: flex-end;
.lg\:justify-self-end {
justify-self: end;
}
.lg\:content-between {
align-content: space-between;
.lg\:justify-self-center {
justify-self: center;
}
.lg\:content-around {
align-content: space-around;
.lg\:justify-self-stretch {
justify-self: stretch;
}
.lg\:flex-1 {
@ -70981,6 +71429,74 @@ video {
flex-wrap: nowrap;
}
.xl\:place-items-auto {
place-items: auto;
}
.xl\:place-items-start {
place-items: start;
}
.xl\:place-items-end {
place-items: end;
}
.xl\:place-items-center {
place-items: center;
}
.xl\:place-items-stretch {
place-items: stretch;
}
.xl\:place-content-center {
place-content: center;
}
.xl\:place-content-start {
place-content: start;
}
.xl\:place-content-end {
place-content: end;
}
.xl\:place-content-between {
place-content: space-between;
}
.xl\:place-content-around {
place-content: space-around;
}
.xl\:place-content-evenly {
place-content: space-evenly;
}
.xl\:place-content-stretch {
place-content: stretch;
}
.xl\:place-self-auto {
place-self: auto;
}
.xl\:place-self-start {
place-self: start;
}
.xl\:place-self-end {
place-self: end;
}
.xl\:place-self-center {
place-self: center;
}
.xl\:place-self-stretch {
place-self: stretch;
}
.xl\:items-start {
align-items: flex-start;
}
@ -71001,6 +71517,30 @@ video {
align-items: stretch;
}
.xl\:content-center {
align-content: center;
}
.xl\:content-start {
align-content: flex-start;
}
.xl\:content-end {
align-content: flex-end;
}
.xl\:content-between {
align-content: space-between;
}
.xl\:content-around {
align-content: space-around;
}
.xl\:content-evenly {
align-content: space-evenly;
}
.xl\:self-auto {
align-self: auto;
}
@ -71021,6 +71561,26 @@ video {
align-self: stretch;
}
.xl\:justify-items-auto {
justify-items: auto;
}
.xl\:justify-items-start {
justify-items: start;
}
.xl\:justify-items-end {
justify-items: end;
}
.xl\:justify-items-center {
justify-items: center;
}
.xl\:justify-items-stretch {
justify-items: stretch;
}
.xl\:justify-start {
justify-content: flex-start;
}
@ -71045,24 +71605,24 @@ video {
justify-content: space-evenly;
}
.xl\:content-center {
align-content: center;
.xl\:justify-self-auto {
justify-self: auto;
}
.xl\:content-start {
align-content: flex-start;
.xl\:justify-self-start {
justify-self: start;
}
.xl\:content-end {
align-content: flex-end;
.xl\:justify-self-end {
justify-self: end;
}
.xl\:content-between {
align-content: space-between;
.xl\:justify-self-center {
justify-self: center;
}
.xl\:content-around {
align-content: space-around;
.xl\:justify-self-stretch {
justify-self: stretch;
}
.xl\:flex-1 {

660
__tests__/fixtures/tailwind-output.css
View File

@ -9847,6 +9847,74 @@ video {
flex-wrap: nowrap;
}
.place-items-auto {
place-items: auto;
}
.place-items-start {
place-items: start;
}
.place-items-end {
place-items: end;
}
.place-items-center {
place-items: center;
}
.place-items-stretch {
place-items: stretch;
}
.place-content-center {
place-content: center;
}
.place-content-start {
place-content: start;
}
.place-content-end {
place-content: end;
}
.place-content-between {
place-content: space-between;
}
.place-content-around {
place-content: space-around;
}
.place-content-evenly {
place-content: space-evenly;
}
.place-content-stretch {
place-content: stretch;
}
.place-self-auto {
place-self: auto;
}
.place-self-start {
place-self: start;
}
.place-self-end {
place-self: end;
}
.place-self-center {
place-self: center;
}
.place-self-stretch {
place-self: stretch;
}
.items-start {
align-items: flex-start;
}
@ -9867,6 +9935,30 @@ video {
align-items: stretch;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.self-auto {
align-self: auto;
}
@ -9887,6 +9979,26 @@ video {
align-self: stretch;
}
.justify-items-auto {
justify-items: auto;
}
.justify-items-start {
justify-items: start;
}
.justify-items-end {
justify-items: end;
}
.justify-items-center {
justify-items: center;
}
.justify-items-stretch {
justify-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
@ -9911,24 +10023,24 @@ video {
justify-content: space-evenly;
}
.content-center {
align-content: center;
.justify-self-auto {
justify-self: auto;
}
.content-start {
align-content: flex-start;
.justify-self-start {
justify-self: start;
}
.content-end {
align-content: flex-end;
.justify-self-end {
justify-self: end;
}
.content-between {
align-content: space-between;
.justify-self-center {
justify-self: center;
}
.content-around {
align-content: space-around;
.justify-self-stretch {
justify-self: stretch;
}
.flex-1 {
@ -27958,6 +28070,74 @@ video {
flex-wrap: nowrap;
}
.sm\:place-items-auto {
place-items: auto;
}
.sm\:place-items-start {
place-items: start;
}
.sm\:place-items-end {
place-items: end;
}
.sm\:place-items-center {
place-items: center;
}
.sm\:place-items-stretch {
place-items: stretch;
}
.sm\:place-content-center {
place-content: center;
}
.sm\:place-content-start {
place-content: start;
}
.sm\:place-content-end {
place-content: end;
}
.sm\:place-content-between {
place-content: space-between;
}
.sm\:place-content-around {
place-content: space-around;
}
.sm\:place-content-evenly {
place-content: space-evenly;
}
.sm\:place-content-stretch {
place-content: stretch;
}
.sm\:place-self-auto {
place-self: auto;
}
.sm\:place-self-start {
place-self: start;
}
.sm\:place-self-end {
place-self: end;
}
.sm\:place-self-center {
place-self: center;
}
.sm\:place-self-stretch {
place-self: stretch;
}
.sm\:items-start {
align-items: flex-start;
}
@ -27978,6 +28158,30 @@ video {
align-items: stretch;
}
.sm\:content-center {
align-content: center;
}
.sm\:content-start {
align-content: flex-start;
}
.sm\:content-end {
align-content: flex-end;
}
.sm\:content-between {
align-content: space-between;
}
.sm\:content-around {
align-content: space-around;
}
.sm\:content-evenly {
align-content: space-evenly;
}
.sm\:self-auto {
align-self: auto;
}
@ -27998,6 +28202,26 @@ video {
align-self: stretch;
}
.sm\:justify-items-auto {
justify-items: auto;
}
.sm\:justify-items-start {
justify-items: start;
}
.sm\:justify-items-end {
justify-items: end;
}
.sm\:justify-items-center {
justify-items: center;
}
.sm\:justify-items-stretch {
justify-items: stretch;
}
.sm\:justify-start {
justify-content: flex-start;
}
@ -28022,24 +28246,24 @@ video {
justify-content: space-evenly;
}
.sm\:content-center {
align-content: center;
.sm\:justify-self-auto {
justify-self: auto;
}
.sm\:content-start {
align-content: flex-start;
.sm\:justify-self-start {
justify-self: start;
}
.sm\:content-end {
align-content: flex-end;
.sm\:justify-self-end {
justify-self: end;
}
.sm\:content-between {
align-content: space-between;
.sm\:justify-self-center {
justify-self: center;
}
.sm\:content-around {
align-content: space-around;
.sm\:justify-self-stretch {
justify-self: stretch;
}
.sm\:flex-1 {
@ -46039,6 +46263,74 @@ video {
flex-wrap: nowrap;
}
.md\:place-items-auto {
place-items: auto;
}
.md\:place-items-start {
place-items: start;
}
.md\:place-items-end {
place-items: end;
}
.md\:place-items-center {
place-items: center;
}
.md\:place-items-stretch {
place-items: stretch;
}
.md\:place-content-center {
place-content: center;
}
.md\:place-content-start {
place-content: start;
}
.md\:place-content-end {
place-content: end;
}
.md\:place-content-between {
place-content: space-between;
}
.md\:place-content-around {
place-content: space-around;
}
.md\:place-content-evenly {
place-content: space-evenly;
}
.md\:place-content-stretch {
place-content: stretch;
}
.md\:place-self-auto {
place-self: auto;
}
.md\:place-self-start {
place-self: start;
}
.md\:place-self-end {
place-self: end;
}
.md\:place-self-center {
place-self: center;
}
.md\:place-self-stretch {
place-self: stretch;
}
.md\:items-start {
align-items: flex-start;
}
@ -46059,6 +46351,30 @@ video {
align-items: stretch;
}
.md\:content-center {
align-content: center;
}
.md\:content-start {
align-content: flex-start;
}
.md\:content-end {
align-content: flex-end;
}
.md\:content-between {
align-content: space-between;
}
.md\:content-around {
align-content: space-around;
}
.md\:content-evenly {
align-content: space-evenly;
}
.md\:self-auto {
align-self: auto;
}
@ -46079,6 +46395,26 @@ video {
align-self: stretch;
}
.md\:justify-items-auto {
justify-items: auto;
}
.md\:justify-items-start {
justify-items: start;
}
.md\:justify-items-end {
justify-items: end;
}
.md\:justify-items-center {
justify-items: center;
}
.md\:justify-items-stretch {
justify-items: stretch;
}
.md\:justify-start {
justify-content: flex-start;
}
@ -46103,24 +46439,24 @@ video {
justify-content: space-evenly;
}
.md\:content-center {
align-content: center;
.md\:justify-self-auto {
justify-self: auto;
}
.md\:content-start {
align-content: flex-start;
.md\:justify-self-start {
justify-self: start;
}
.md\:content-end {
align-content: flex-end;
.md\:justify-self-end {
justify-self: end;
}
.md\:content-between {
align-content: space-between;
.md\:justify-self-center {
justify-self: center;
}
.md\:content-around {
align-content: space-around;
.md\:justify-self-stretch {
justify-self: stretch;
}
.md\:flex-1 {
@ -64120,6 +64456,74 @@ video {
flex-wrap: nowrap;
}
.lg\:place-items-auto {
place-items: auto;
}
.lg\:place-items-start {
place-items: start;
}
.lg\:place-items-end {
place-items: end;
}
.lg\:place-items-center {
place-items: center;
}
.lg\:place-items-stretch {
place-items: stretch;
}
.lg\:place-content-center {
place-content: center;
}
.lg\:place-content-start {
place-content: start;
}
.lg\:place-content-end {
place-content: end;
}
.lg\:place-content-between {
place-content: space-between;
}
.lg\:place-content-around {
place-content: space-around;
}
.lg\:place-content-evenly {
place-content: space-evenly;
}
.lg\:place-content-stretch {
place-content: stretch;
}
.lg\:place-self-auto {
place-self: auto;
}
.lg\:place-self-start {
place-self: start;
}
.lg\:place-self-end {
place-self: end;
}
.lg\:place-self-center {
place-self: center;
}
.lg\:place-self-stretch {
place-self: stretch;
}
.lg\:items-start {
align-items: flex-start;
}
@ -64140,6 +64544,30 @@ video {
align-items: stretch;
}
.lg\:content-center {
align-content: center;
}
.lg\:content-start {
align-content: flex-start;
}
.lg\:content-end {
align-content: flex-end;
}
.lg\:content-between {
align-content: space-between;
}
.lg\:content-around {
align-content: space-around;
}
.lg\:content-evenly {
align-content: space-evenly;
}
.lg\:self-auto {
align-self: auto;
}
@ -64160,6 +64588,26 @@ video {
align-self: stretch;
}
.lg\:justify-items-auto {
justify-items: auto;
}
.lg\:justify-items-start {
justify-items: start;
}
.lg\:justify-items-end {
justify-items: end;
}
.lg\:justify-items-center {
justify-items: center;
}
.lg\:justify-items-stretch {
justify-items: stretch;
}
.lg\:justify-start {
justify-content: flex-start;
}
@ -64184,24 +64632,24 @@ video {
justify-content: space-evenly;
}
.lg\:content-center {
align-content: center;
.lg\:justify-self-auto {
justify-self: auto;
}
.lg\:content-start {
align-content: flex-start;
.lg\:justify-self-start {
justify-self: start;
}
.lg\:content-end {
align-content: flex-end;
.lg\:justify-self-end {
justify-self: end;
}
.lg\:content-between {
align-content: space-between;
.lg\:justify-self-center {
justify-self: center;
}
.lg\:content-around {
align-content: space-around;
.lg\:justify-self-stretch {
justify-self: stretch;
}
.lg\:flex-1 {
@ -82201,6 +82649,74 @@ video {
flex-wrap: nowrap;
}
.xl\:place-items-auto {
place-items: auto;
}
.xl\:place-items-start {
place-items: start;
}
.xl\:place-items-end {
place-items: end;
}
.xl\:place-items-center {
place-items: center;
}
.xl\:place-items-stretch {
place-items: stretch;
}
.xl\:place-content-center {
place-content: center;
}
.xl\:place-content-start {
place-content: start;
}
.xl\:place-content-end {
place-content: end;
}
.xl\:place-content-between {
place-content: space-between;
}
.xl\:place-content-around {
place-content: space-around;
}
.xl\:place-content-evenly {
place-content: space-evenly;
}
.xl\:place-content-stretch {
place-content: stretch;
}
.xl\:place-self-auto {
place-self: auto;
}
.xl\:place-self-start {
place-self: start;
}
.xl\:place-self-end {
place-self: end;
}
.xl\:place-self-center {
place-self: center;
}
.xl\:place-self-stretch {
place-self: stretch;
}
.xl\:items-start {
align-items: flex-start;
}
@ -82221,6 +82737,30 @@ video {
align-items: stretch;
}
.xl\:content-center {
align-content: center;
}
.xl\:content-start {
align-content: flex-start;
}
.xl\:content-end {
align-content: flex-end;
}
.xl\:content-between {
align-content: space-between;
}
.xl\:content-around {
align-content: space-around;
}
.xl\:content-evenly {
align-content: space-evenly;
}
.xl\:self-auto {
align-self: auto;
}
@ -82241,6 +82781,26 @@ video {
align-self: stretch;
}
.xl\:justify-items-auto {
justify-items: auto;
}
.xl\:justify-items-start {
justify-items: start;
}
.xl\:justify-items-end {
justify-items: end;
}
.xl\:justify-items-center {
justify-items: center;
}
.xl\:justify-items-stretch {
justify-items: stretch;
}
.xl\:justify-start {
justify-content: flex-start;
}
@ -82265,24 +82825,24 @@ video {
justify-content: space-evenly;
}
.xl\:content-center {
align-content: center;
.xl\:justify-self-auto {
justify-self: auto;
}
.xl\:content-start {
align-content: flex-start;
.xl\:justify-self-start {
justify-self: start;
}
.xl\:content-end {
align-content: flex-end;
.xl\:justify-self-end {
justify-self: end;
}
.xl\:content-between {
align-content: space-between;
.xl\:justify-self-center {
justify-self: center;
}
.xl\:content-around {
align-content: space-around;
.xl\:justify-self-stretch {
justify-self: stretch;
}
.xl\:flex-1 {

18
src/corePlugins.js
View File

@ -24,10 +24,15 @@ import cursor from './plugins/cursor'
import display from './plugins/display'
import flexDirection from './plugins/flexDirection'
import flexWrap from './plugins/flexWrap'
import placeItems from './plugins/placeItems'
import placeContent from './plugins/placeContent'
import placeSelf from './plugins/placeSelf'
import alignItems from './plugins/alignItems'
import alignSelf from './plugins/alignSelf'
import justifyContent from './plugins/justifyContent'
import alignContent from './plugins/alignContent'
import alignSelf from './plugins/alignSelf'
import justifyItems from './plugins/justifyItems'
import justifyContent from './plugins/justifyContent'
import justifySelf from './plugins/justifySelf'
import flex from './plugins/flex'
import flexGrow from './plugins/flexGrow'
import flexShrink from './plugins/flexShrink'
@ -138,10 +143,15 @@ export default function({ corePlugins: corePluginConfig }) {
display,
flexDirection,
flexWrap,
placeItems,
placeContent,
placeSelf,
alignItems,
alignSelf,
justifyContent,
alignContent,
alignSelf,
justifyItems,
justifyContent,
justifySelf,
flex,
flexGrow,
flexShrink,

3
src/plugins/alignContent.js
View File

@ -17,6 +17,9 @@ export default function() {
'.content-around': {
'align-content': 'space-around',
},
'.content-evenly': {
'align-content': 'space-evenly',
},
},
variants('alignContent')
)

28
src/plugins/justifyItems.js Normal file
View File

@ -0,0 +1,28 @@
export default function() {
return function({ addUtilities, variants, target }) {
if (target('justifyItems') === 'ie11') {
return
}
addUtilities(
{
'.justify-items-auto': {
'justify-items': 'auto',
},
'.justify-items-start': {
'justify-items': 'start',
},
'.justify-items-end': {
'justify-items': 'end',
},
'.justify-items-center': {
'justify-items': 'center',
},
'.justify-items-stretch': {
'justify-items': 'stretch',
},
},
variants('justifyItems')
)
}
}

28
src/plugins/justifySelf.js Normal file
View File

@ -0,0 +1,28 @@
export default function() {
return function({ addUtilities, variants, target }) {
if (target('justifySelf') === 'ie11') {
return
}
addUtilities(
{
'.justify-self-auto': {
'justify-self': 'auto',
},
'.justify-self-start': {
'justify-self': 'start',
},
'.justify-self-end': {
'justify-self': 'end',
},
'.justify-self-center': {
'justify-self': 'center',
},
'.justify-self-stretch': {
'justify-self': 'stretch',
},
},
variants('justifySelf')
)
}
}

34
src/plugins/placeContent.js Normal file
View File

@ -0,0 +1,34 @@
export default function() {
return function({ addUtilities, variants, target }) {
if (target('placeContent') === 'ie11') {
return
}
addUtilities(
{
'.place-content-center': {
'place-content': 'center',
},
'.place-content-start': {
'place-content': 'start',
},
'.place-content-end': {
'place-content': 'end',
},
'.place-content-between': {
'place-content': 'space-between',
},
'.place-content-around': {
'place-content': 'space-around',
},
'.place-content-evenly': {
'place-content': 'space-evenly',
},
'.place-content-stretch': {
'place-content': 'stretch',
},
},
variants('placeContent')
)
}
}

28
src/plugins/placeItems.js Normal file
View File

@ -0,0 +1,28 @@
export default function() {
return function({ addUtilities, variants, target }) {
if (target('placeItems') === 'ie11') {
return
}
addUtilities(
{
'.place-items-auto': {
'place-items': 'auto',
},
'.place-items-start': {
'place-items': 'start',
},
'.place-items-end': {
'place-items': 'end',
},
'.place-items-center': {
'place-items': 'center',
},
'.place-items-stretch': {
'place-items': 'stretch',
},
},
variants('placeItems')
)
}
}

28
src/plugins/placeSelf.js Normal file
View File

@ -0,0 +1,28 @@
export default function() {
return function({ addUtilities, variants, target }) {
if (target('placeSelf') === 'ie11') {
return
}
addUtilities(
{
'.place-self-auto': {
'place-self': 'auto',
},
'.place-self-start': {
'place-self': 'start',
},
'.place-self-end': {
'place-self': 'end',
},
'.place-self-center': {
'place-self': 'center',
},
'.place-self-stretch': {
'place-self': 'stretch',
},
},
variants('placeSelf')
)
}
}

5
stubs/defaultConfig.stub.js
View File

@ -710,6 +710,8 @@ module.exports = {
height: ['responsive'],
inset: ['responsive'],
justifyContent: ['responsive'],
justifyItems: ['responsive'],
justifySelf: ['responsive'],
letterSpacing: ['responsive'],
lineHeight: ['responsive'],
listStylePosition: ['responsive'],
@ -727,6 +729,9 @@ module.exports = {
overflow: ['responsive'],
overscrollBehavior: ['responsive'],
padding: ['responsive'],
placeContent: ['responsive'],
placeItems: ['responsive'],
placeSelf: ['responsive'],
placeholderColor: ['responsive', 'focus'],
placeholderOpacity: ['responsive', 'focus'],
pointerEvents: ['responsive'],