Merge pull request #1353 from tailwindcss/combine-gap-plugins

Combine gap, columnGap, and rowGap plugins into just gap
This commit is contained in:
Adam Wathan 2020-02-01 15:07:01 -05:00 committed by GitHub
commit 0bcbfd4b73
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 1905 additions and 15 deletions

View File

@ -8577,6 +8577,196 @@ video {
gap: 1px !important;
}
.col-gap-0 {
grid-column-gap: 0 !important;
column-gap: 0 !important;
}
.col-gap-1 {
grid-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.col-gap-2 {
grid-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.col-gap-3 {
grid-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.col-gap-4 {
grid-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.col-gap-5 {
grid-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.col-gap-6 {
grid-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.col-gap-8 {
grid-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.col-gap-10 {
grid-column-gap: 2.5rem !important;
column-gap: 2.5rem !important;
}
.col-gap-12 {
grid-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.col-gap-16 {
grid-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.col-gap-20 {
grid-column-gap: 5rem !important;
column-gap: 5rem !important;
}
.col-gap-24 {
grid-column-gap: 6rem !important;
column-gap: 6rem !important;
}
.col-gap-32 {
grid-column-gap: 8rem !important;
column-gap: 8rem !important;
}
.col-gap-40 {
grid-column-gap: 10rem !important;
column-gap: 10rem !important;
}
.col-gap-48 {
grid-column-gap: 12rem !important;
column-gap: 12rem !important;
}
.col-gap-56 {
grid-column-gap: 14rem !important;
column-gap: 14rem !important;
}
.col-gap-64 {
grid-column-gap: 16rem !important;
column-gap: 16rem !important;
}
.col-gap-px {
grid-column-gap: 1px !important;
column-gap: 1px !important;
}
.row-gap-0 {
grid-row-gap: 0 !important;
row-gap: 0 !important;
}
.row-gap-1 {
grid-row-gap: 0.25rem !important;
row-gap: 0.25rem !important;
}
.row-gap-2 {
grid-row-gap: 0.5rem !important;
row-gap: 0.5rem !important;
}
.row-gap-3 {
grid-row-gap: 0.75rem !important;
row-gap: 0.75rem !important;
}
.row-gap-4 {
grid-row-gap: 1rem !important;
row-gap: 1rem !important;
}
.row-gap-5 {
grid-row-gap: 1.25rem !important;
row-gap: 1.25rem !important;
}
.row-gap-6 {
grid-row-gap: 1.5rem !important;
row-gap: 1.5rem !important;
}
.row-gap-8 {
grid-row-gap: 2rem !important;
row-gap: 2rem !important;
}
.row-gap-10 {
grid-row-gap: 2.5rem !important;
row-gap: 2.5rem !important;
}
.row-gap-12 {
grid-row-gap: 3rem !important;
row-gap: 3rem !important;
}
.row-gap-16 {
grid-row-gap: 4rem !important;
row-gap: 4rem !important;
}
.row-gap-20 {
grid-row-gap: 5rem !important;
row-gap: 5rem !important;
}
.row-gap-24 {
grid-row-gap: 6rem !important;
row-gap: 6rem !important;
}
.row-gap-32 {
grid-row-gap: 8rem !important;
row-gap: 8rem !important;
}
.row-gap-40 {
grid-row-gap: 10rem !important;
row-gap: 10rem !important;
}
.row-gap-48 {
grid-row-gap: 12rem !important;
row-gap: 12rem !important;
}
.row-gap-56 {
grid-row-gap: 14rem !important;
row-gap: 14rem !important;
}
.row-gap-64 {
grid-row-gap: 16rem !important;
row-gap: 16rem !important;
}
.row-gap-px {
grid-row-gap: 1px !important;
row-gap: 1px !important;
}
.grid-flow-row {
grid-auto-flow: row !important;
}
@ -18372,6 +18562,196 @@ video {
gap: 1px !important;
}
.sm\:col-gap-0 {
grid-column-gap: 0 !important;
column-gap: 0 !important;
}
.sm\:col-gap-1 {
grid-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.sm\:col-gap-2 {
grid-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.sm\:col-gap-3 {
grid-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.sm\:col-gap-4 {
grid-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.sm\:col-gap-5 {
grid-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.sm\:col-gap-6 {
grid-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.sm\:col-gap-8 {
grid-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.sm\:col-gap-10 {
grid-column-gap: 2.5rem !important;
column-gap: 2.5rem !important;
}
.sm\:col-gap-12 {
grid-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.sm\:col-gap-16 {
grid-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.sm\:col-gap-20 {
grid-column-gap: 5rem !important;
column-gap: 5rem !important;
}
.sm\:col-gap-24 {
grid-column-gap: 6rem !important;
column-gap: 6rem !important;
}
.sm\:col-gap-32 {
grid-column-gap: 8rem !important;
column-gap: 8rem !important;
}
.sm\:col-gap-40 {
grid-column-gap: 10rem !important;
column-gap: 10rem !important;
}
.sm\:col-gap-48 {
grid-column-gap: 12rem !important;
column-gap: 12rem !important;
}
.sm\:col-gap-56 {
grid-column-gap: 14rem !important;
column-gap: 14rem !important;
}
.sm\:col-gap-64 {
grid-column-gap: 16rem !important;
column-gap: 16rem !important;
}
.sm\:col-gap-px {
grid-column-gap: 1px !important;
column-gap: 1px !important;
}
.sm\:row-gap-0 {
grid-row-gap: 0 !important;
row-gap: 0 !important;
}
.sm\:row-gap-1 {
grid-row-gap: 0.25rem !important;
row-gap: 0.25rem !important;
}
.sm\:row-gap-2 {
grid-row-gap: 0.5rem !important;
row-gap: 0.5rem !important;
}
.sm\:row-gap-3 {
grid-row-gap: 0.75rem !important;
row-gap: 0.75rem !important;
}
.sm\:row-gap-4 {
grid-row-gap: 1rem !important;
row-gap: 1rem !important;
}
.sm\:row-gap-5 {
grid-row-gap: 1.25rem !important;
row-gap: 1.25rem !important;
}
.sm\:row-gap-6 {
grid-row-gap: 1.5rem !important;
row-gap: 1.5rem !important;
}
.sm\:row-gap-8 {
grid-row-gap: 2rem !important;
row-gap: 2rem !important;
}
.sm\:row-gap-10 {
grid-row-gap: 2.5rem !important;
row-gap: 2.5rem !important;
}
.sm\:row-gap-12 {
grid-row-gap: 3rem !important;
row-gap: 3rem !important;
}
.sm\:row-gap-16 {
grid-row-gap: 4rem !important;
row-gap: 4rem !important;
}
.sm\:row-gap-20 {
grid-row-gap: 5rem !important;
row-gap: 5rem !important;
}
.sm\:row-gap-24 {
grid-row-gap: 6rem !important;
row-gap: 6rem !important;
}
.sm\:row-gap-32 {
grid-row-gap: 8rem !important;
row-gap: 8rem !important;
}
.sm\:row-gap-40 {
grid-row-gap: 10rem !important;
row-gap: 10rem !important;
}
.sm\:row-gap-48 {
grid-row-gap: 12rem !important;
row-gap: 12rem !important;
}
.sm\:row-gap-56 {
grid-row-gap: 14rem !important;
row-gap: 14rem !important;
}
.sm\:row-gap-64 {
grid-row-gap: 16rem !important;
row-gap: 16rem !important;
}
.sm\:row-gap-px {
grid-row-gap: 1px !important;
row-gap: 1px !important;
}
.sm\:grid-flow-row {
grid-auto-flow: row !important;
}
@ -28168,6 +28548,196 @@ video {
gap: 1px !important;
}
.md\:col-gap-0 {
grid-column-gap: 0 !important;
column-gap: 0 !important;
}
.md\:col-gap-1 {
grid-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.md\:col-gap-2 {
grid-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.md\:col-gap-3 {
grid-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.md\:col-gap-4 {
grid-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.md\:col-gap-5 {
grid-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.md\:col-gap-6 {
grid-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.md\:col-gap-8 {
grid-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.md\:col-gap-10 {
grid-column-gap: 2.5rem !important;
column-gap: 2.5rem !important;
}
.md\:col-gap-12 {
grid-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.md\:col-gap-16 {
grid-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.md\:col-gap-20 {
grid-column-gap: 5rem !important;
column-gap: 5rem !important;
}
.md\:col-gap-24 {
grid-column-gap: 6rem !important;
column-gap: 6rem !important;
}
.md\:col-gap-32 {
grid-column-gap: 8rem !important;
column-gap: 8rem !important;
}
.md\:col-gap-40 {
grid-column-gap: 10rem !important;
column-gap: 10rem !important;
}
.md\:col-gap-48 {
grid-column-gap: 12rem !important;
column-gap: 12rem !important;
}
.md\:col-gap-56 {
grid-column-gap: 14rem !important;
column-gap: 14rem !important;
}
.md\:col-gap-64 {
grid-column-gap: 16rem !important;
column-gap: 16rem !important;
}
.md\:col-gap-px {
grid-column-gap: 1px !important;
column-gap: 1px !important;
}
.md\:row-gap-0 {
grid-row-gap: 0 !important;
row-gap: 0 !important;
}
.md\:row-gap-1 {
grid-row-gap: 0.25rem !important;
row-gap: 0.25rem !important;
}
.md\:row-gap-2 {
grid-row-gap: 0.5rem !important;
row-gap: 0.5rem !important;
}
.md\:row-gap-3 {
grid-row-gap: 0.75rem !important;
row-gap: 0.75rem !important;
}
.md\:row-gap-4 {
grid-row-gap: 1rem !important;
row-gap: 1rem !important;
}
.md\:row-gap-5 {
grid-row-gap: 1.25rem !important;
row-gap: 1.25rem !important;
}
.md\:row-gap-6 {
grid-row-gap: 1.5rem !important;
row-gap: 1.5rem !important;
}
.md\:row-gap-8 {
grid-row-gap: 2rem !important;
row-gap: 2rem !important;
}
.md\:row-gap-10 {
grid-row-gap: 2.5rem !important;
row-gap: 2.5rem !important;
}
.md\:row-gap-12 {
grid-row-gap: 3rem !important;
row-gap: 3rem !important;
}
.md\:row-gap-16 {
grid-row-gap: 4rem !important;
row-gap: 4rem !important;
}
.md\:row-gap-20 {
grid-row-gap: 5rem !important;
row-gap: 5rem !important;
}
.md\:row-gap-24 {
grid-row-gap: 6rem !important;
row-gap: 6rem !important;
}
.md\:row-gap-32 {
grid-row-gap: 8rem !important;
row-gap: 8rem !important;
}
.md\:row-gap-40 {
grid-row-gap: 10rem !important;
row-gap: 10rem !important;
}
.md\:row-gap-48 {
grid-row-gap: 12rem !important;
row-gap: 12rem !important;
}
.md\:row-gap-56 {
grid-row-gap: 14rem !important;
row-gap: 14rem !important;
}
.md\:row-gap-64 {
grid-row-gap: 16rem !important;
row-gap: 16rem !important;
}
.md\:row-gap-px {
grid-row-gap: 1px !important;
row-gap: 1px !important;
}
.md\:grid-flow-row {
grid-auto-flow: row !important;
}
@ -37964,6 +38534,196 @@ video {
gap: 1px !important;
}
.lg\:col-gap-0 {
grid-column-gap: 0 !important;
column-gap: 0 !important;
}
.lg\:col-gap-1 {
grid-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.lg\:col-gap-2 {
grid-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.lg\:col-gap-3 {
grid-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.lg\:col-gap-4 {
grid-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.lg\:col-gap-5 {
grid-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.lg\:col-gap-6 {
grid-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.lg\:col-gap-8 {
grid-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.lg\:col-gap-10 {
grid-column-gap: 2.5rem !important;
column-gap: 2.5rem !important;
}
.lg\:col-gap-12 {
grid-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.lg\:col-gap-16 {
grid-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.lg\:col-gap-20 {
grid-column-gap: 5rem !important;
column-gap: 5rem !important;
}
.lg\:col-gap-24 {
grid-column-gap: 6rem !important;
column-gap: 6rem !important;
}
.lg\:col-gap-32 {
grid-column-gap: 8rem !important;
column-gap: 8rem !important;
}
.lg\:col-gap-40 {
grid-column-gap: 10rem !important;
column-gap: 10rem !important;
}
.lg\:col-gap-48 {
grid-column-gap: 12rem !important;
column-gap: 12rem !important;
}
.lg\:col-gap-56 {
grid-column-gap: 14rem !important;
column-gap: 14rem !important;
}
.lg\:col-gap-64 {
grid-column-gap: 16rem !important;
column-gap: 16rem !important;
}
.lg\:col-gap-px {
grid-column-gap: 1px !important;
column-gap: 1px !important;
}
.lg\:row-gap-0 {
grid-row-gap: 0 !important;
row-gap: 0 !important;
}
.lg\:row-gap-1 {
grid-row-gap: 0.25rem !important;
row-gap: 0.25rem !important;
}
.lg\:row-gap-2 {
grid-row-gap: 0.5rem !important;
row-gap: 0.5rem !important;
}
.lg\:row-gap-3 {
grid-row-gap: 0.75rem !important;
row-gap: 0.75rem !important;
}
.lg\:row-gap-4 {
grid-row-gap: 1rem !important;
row-gap: 1rem !important;
}
.lg\:row-gap-5 {
grid-row-gap: 1.25rem !important;
row-gap: 1.25rem !important;
}
.lg\:row-gap-6 {
grid-row-gap: 1.5rem !important;
row-gap: 1.5rem !important;
}
.lg\:row-gap-8 {
grid-row-gap: 2rem !important;
row-gap: 2rem !important;
}
.lg\:row-gap-10 {
grid-row-gap: 2.5rem !important;
row-gap: 2.5rem !important;
}
.lg\:row-gap-12 {
grid-row-gap: 3rem !important;
row-gap: 3rem !important;
}
.lg\:row-gap-16 {
grid-row-gap: 4rem !important;
row-gap: 4rem !important;
}
.lg\:row-gap-20 {
grid-row-gap: 5rem !important;
row-gap: 5rem !important;
}
.lg\:row-gap-24 {
grid-row-gap: 6rem !important;
row-gap: 6rem !important;
}
.lg\:row-gap-32 {
grid-row-gap: 8rem !important;
row-gap: 8rem !important;
}
.lg\:row-gap-40 {
grid-row-gap: 10rem !important;
row-gap: 10rem !important;
}
.lg\:row-gap-48 {
grid-row-gap: 12rem !important;
row-gap: 12rem !important;
}
.lg\:row-gap-56 {
grid-row-gap: 14rem !important;
row-gap: 14rem !important;
}
.lg\:row-gap-64 {
grid-row-gap: 16rem !important;
row-gap: 16rem !important;
}
.lg\:row-gap-px {
grid-row-gap: 1px !important;
row-gap: 1px !important;
}
.lg\:grid-flow-row {
grid-auto-flow: row !important;
}
@ -47760,6 +48520,196 @@ video {
gap: 1px !important;
}
.xl\:col-gap-0 {
grid-column-gap: 0 !important;
column-gap: 0 !important;
}
.xl\:col-gap-1 {
grid-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.xl\:col-gap-2 {
grid-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.xl\:col-gap-3 {
grid-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.xl\:col-gap-4 {
grid-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.xl\:col-gap-5 {
grid-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.xl\:col-gap-6 {
grid-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.xl\:col-gap-8 {
grid-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.xl\:col-gap-10 {
grid-column-gap: 2.5rem !important;
column-gap: 2.5rem !important;
}
.xl\:col-gap-12 {
grid-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.xl\:col-gap-16 {
grid-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.xl\:col-gap-20 {
grid-column-gap: 5rem !important;
column-gap: 5rem !important;
}
.xl\:col-gap-24 {
grid-column-gap: 6rem !important;
column-gap: 6rem !important;
}
.xl\:col-gap-32 {
grid-column-gap: 8rem !important;
column-gap: 8rem !important;
}
.xl\:col-gap-40 {
grid-column-gap: 10rem !important;
column-gap: 10rem !important;
}
.xl\:col-gap-48 {
grid-column-gap: 12rem !important;
column-gap: 12rem !important;
}
.xl\:col-gap-56 {
grid-column-gap: 14rem !important;
column-gap: 14rem !important;
}
.xl\:col-gap-64 {
grid-column-gap: 16rem !important;
column-gap: 16rem !important;
}
.xl\:col-gap-px {
grid-column-gap: 1px !important;
column-gap: 1px !important;
}
.xl\:row-gap-0 {
grid-row-gap: 0 !important;
row-gap: 0 !important;
}
.xl\:row-gap-1 {
grid-row-gap: 0.25rem !important;
row-gap: 0.25rem !important;
}
.xl\:row-gap-2 {
grid-row-gap: 0.5rem !important;
row-gap: 0.5rem !important;
}
.xl\:row-gap-3 {
grid-row-gap: 0.75rem !important;
row-gap: 0.75rem !important;
}
.xl\:row-gap-4 {
grid-row-gap: 1rem !important;
row-gap: 1rem !important;
}
.xl\:row-gap-5 {
grid-row-gap: 1.25rem !important;
row-gap: 1.25rem !important;
}
.xl\:row-gap-6 {
grid-row-gap: 1.5rem !important;
row-gap: 1.5rem !important;
}
.xl\:row-gap-8 {
grid-row-gap: 2rem !important;
row-gap: 2rem !important;
}
.xl\:row-gap-10 {
grid-row-gap: 2.5rem !important;
row-gap: 2.5rem !important;
}
.xl\:row-gap-12 {
grid-row-gap: 3rem !important;
row-gap: 3rem !important;
}
.xl\:row-gap-16 {
grid-row-gap: 4rem !important;
row-gap: 4rem !important;
}
.xl\:row-gap-20 {
grid-row-gap: 5rem !important;
row-gap: 5rem !important;
}
.xl\:row-gap-24 {
grid-row-gap: 6rem !important;
row-gap: 6rem !important;
}
.xl\:row-gap-32 {
grid-row-gap: 8rem !important;
row-gap: 8rem !important;
}
.xl\:row-gap-40 {
grid-row-gap: 10rem !important;
row-gap: 10rem !important;
}
.xl\:row-gap-48 {
grid-row-gap: 12rem !important;
row-gap: 12rem !important;
}
.xl\:row-gap-56 {
grid-row-gap: 14rem !important;
row-gap: 14rem !important;
}
.xl\:row-gap-64 {
grid-row-gap: 16rem !important;
row-gap: 16rem !important;
}
.xl\:row-gap-px {
grid-row-gap: 1px !important;
row-gap: 1px !important;
}
.xl\:grid-flow-row {
grid-auto-flow: row !important;
}

View File

@ -8577,6 +8577,196 @@ video {
gap: 1px;
}
.col-gap-0 {
grid-column-gap: 0;
column-gap: 0;
}
.col-gap-1 {
grid-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.col-gap-2 {
grid-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.col-gap-3 {
grid-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.col-gap-4 {
grid-column-gap: 1rem;
column-gap: 1rem;
}
.col-gap-5 {
grid-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.col-gap-6 {
grid-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.col-gap-8 {
grid-column-gap: 2rem;
column-gap: 2rem;
}
.col-gap-10 {
grid-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.col-gap-12 {
grid-column-gap: 3rem;
column-gap: 3rem;
}
.col-gap-16 {
grid-column-gap: 4rem;
column-gap: 4rem;
}
.col-gap-20 {
grid-column-gap: 5rem;
column-gap: 5rem;
}
.col-gap-24 {
grid-column-gap: 6rem;
column-gap: 6rem;
}
.col-gap-32 {
grid-column-gap: 8rem;
column-gap: 8rem;
}
.col-gap-40 {
grid-column-gap: 10rem;
column-gap: 10rem;
}
.col-gap-48 {
grid-column-gap: 12rem;
column-gap: 12rem;
}
.col-gap-56 {
grid-column-gap: 14rem;
column-gap: 14rem;
}
.col-gap-64 {
grid-column-gap: 16rem;
column-gap: 16rem;
}
.col-gap-px {
grid-column-gap: 1px;
column-gap: 1px;
}
.row-gap-0 {
grid-row-gap: 0;
row-gap: 0;
}
.row-gap-1 {
grid-row-gap: 0.25rem;
row-gap: 0.25rem;
}
.row-gap-2 {
grid-row-gap: 0.5rem;
row-gap: 0.5rem;
}
.row-gap-3 {
grid-row-gap: 0.75rem;
row-gap: 0.75rem;
}
.row-gap-4 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.row-gap-5 {
grid-row-gap: 1.25rem;
row-gap: 1.25rem;
}
.row-gap-6 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.row-gap-8 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.row-gap-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.row-gap-12 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.row-gap-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.row-gap-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.row-gap-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.row-gap-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.row-gap-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.row-gap-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.row-gap-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.row-gap-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.row-gap-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.grid-flow-row {
grid-auto-flow: row;
}
@ -18372,6 +18562,196 @@ video {
gap: 1px;
}
.sm\:col-gap-0 {
grid-column-gap: 0;
column-gap: 0;
}
.sm\:col-gap-1 {
grid-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.sm\:col-gap-2 {
grid-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.sm\:col-gap-3 {
grid-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.sm\:col-gap-4 {
grid-column-gap: 1rem;
column-gap: 1rem;
}
.sm\:col-gap-5 {
grid-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.sm\:col-gap-6 {
grid-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.sm\:col-gap-8 {
grid-column-gap: 2rem;
column-gap: 2rem;
}
.sm\:col-gap-10 {
grid-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.sm\:col-gap-12 {
grid-column-gap: 3rem;
column-gap: 3rem;
}
.sm\:col-gap-16 {
grid-column-gap: 4rem;
column-gap: 4rem;
}
.sm\:col-gap-20 {
grid-column-gap: 5rem;
column-gap: 5rem;
}
.sm\:col-gap-24 {
grid-column-gap: 6rem;
column-gap: 6rem;
}
.sm\:col-gap-32 {
grid-column-gap: 8rem;
column-gap: 8rem;
}
.sm\:col-gap-40 {
grid-column-gap: 10rem;
column-gap: 10rem;
}
.sm\:col-gap-48 {
grid-column-gap: 12rem;
column-gap: 12rem;
}
.sm\:col-gap-56 {
grid-column-gap: 14rem;
column-gap: 14rem;
}
.sm\:col-gap-64 {
grid-column-gap: 16rem;
column-gap: 16rem;
}
.sm\:col-gap-px {
grid-column-gap: 1px;
column-gap: 1px;
}
.sm\:row-gap-0 {
grid-row-gap: 0;
row-gap: 0;
}
.sm\:row-gap-1 {
grid-row-gap: 0.25rem;
row-gap: 0.25rem;
}
.sm\:row-gap-2 {
grid-row-gap: 0.5rem;
row-gap: 0.5rem;
}
.sm\:row-gap-3 {
grid-row-gap: 0.75rem;
row-gap: 0.75rem;
}
.sm\:row-gap-4 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.sm\:row-gap-5 {
grid-row-gap: 1.25rem;
row-gap: 1.25rem;
}
.sm\:row-gap-6 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.sm\:row-gap-8 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.sm\:row-gap-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.sm\:row-gap-12 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.sm\:row-gap-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.sm\:row-gap-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.sm\:row-gap-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.sm\:row-gap-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.sm\:row-gap-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.sm\:row-gap-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.sm\:row-gap-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.sm\:row-gap-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.sm\:row-gap-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.sm\:grid-flow-row {
grid-auto-flow: row;
}
@ -28168,6 +28548,196 @@ video {
gap: 1px;
}
.md\:col-gap-0 {
grid-column-gap: 0;
column-gap: 0;
}
.md\:col-gap-1 {
grid-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.md\:col-gap-2 {
grid-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.md\:col-gap-3 {
grid-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.md\:col-gap-4 {
grid-column-gap: 1rem;
column-gap: 1rem;
}
.md\:col-gap-5 {
grid-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.md\:col-gap-6 {
grid-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.md\:col-gap-8 {
grid-column-gap: 2rem;
column-gap: 2rem;
}
.md\:col-gap-10 {
grid-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.md\:col-gap-12 {
grid-column-gap: 3rem;
column-gap: 3rem;
}
.md\:col-gap-16 {
grid-column-gap: 4rem;
column-gap: 4rem;
}
.md\:col-gap-20 {
grid-column-gap: 5rem;
column-gap: 5rem;
}
.md\:col-gap-24 {
grid-column-gap: 6rem;
column-gap: 6rem;
}
.md\:col-gap-32 {
grid-column-gap: 8rem;
column-gap: 8rem;
}
.md\:col-gap-40 {
grid-column-gap: 10rem;
column-gap: 10rem;
}
.md\:col-gap-48 {
grid-column-gap: 12rem;
column-gap: 12rem;
}
.md\:col-gap-56 {
grid-column-gap: 14rem;
column-gap: 14rem;
}
.md\:col-gap-64 {
grid-column-gap: 16rem;
column-gap: 16rem;
}
.md\:col-gap-px {
grid-column-gap: 1px;
column-gap: 1px;
}
.md\:row-gap-0 {
grid-row-gap: 0;
row-gap: 0;
}
.md\:row-gap-1 {
grid-row-gap: 0.25rem;
row-gap: 0.25rem;
}
.md\:row-gap-2 {
grid-row-gap: 0.5rem;
row-gap: 0.5rem;
}
.md\:row-gap-3 {
grid-row-gap: 0.75rem;
row-gap: 0.75rem;
}
.md\:row-gap-4 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.md\:row-gap-5 {
grid-row-gap: 1.25rem;
row-gap: 1.25rem;
}
.md\:row-gap-6 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.md\:row-gap-8 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.md\:row-gap-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.md\:row-gap-12 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.md\:row-gap-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.md\:row-gap-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.md\:row-gap-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.md\:row-gap-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.md\:row-gap-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.md\:row-gap-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.md\:row-gap-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.md\:row-gap-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.md\:row-gap-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.md\:grid-flow-row {
grid-auto-flow: row;
}
@ -37964,6 +38534,196 @@ video {
gap: 1px;
}
.lg\:col-gap-0 {
grid-column-gap: 0;
column-gap: 0;
}
.lg\:col-gap-1 {
grid-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.lg\:col-gap-2 {
grid-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.lg\:col-gap-3 {
grid-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.lg\:col-gap-4 {
grid-column-gap: 1rem;
column-gap: 1rem;
}
.lg\:col-gap-5 {
grid-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.lg\:col-gap-6 {
grid-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.lg\:col-gap-8 {
grid-column-gap: 2rem;
column-gap: 2rem;
}
.lg\:col-gap-10 {
grid-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.lg\:col-gap-12 {
grid-column-gap: 3rem;
column-gap: 3rem;
}
.lg\:col-gap-16 {
grid-column-gap: 4rem;
column-gap: 4rem;
}
.lg\:col-gap-20 {
grid-column-gap: 5rem;
column-gap: 5rem;
}
.lg\:col-gap-24 {
grid-column-gap: 6rem;
column-gap: 6rem;
}
.lg\:col-gap-32 {
grid-column-gap: 8rem;
column-gap: 8rem;
}
.lg\:col-gap-40 {
grid-column-gap: 10rem;
column-gap: 10rem;
}
.lg\:col-gap-48 {
grid-column-gap: 12rem;
column-gap: 12rem;
}
.lg\:col-gap-56 {
grid-column-gap: 14rem;
column-gap: 14rem;
}
.lg\:col-gap-64 {
grid-column-gap: 16rem;
column-gap: 16rem;
}
.lg\:col-gap-px {
grid-column-gap: 1px;
column-gap: 1px;
}
.lg\:row-gap-0 {
grid-row-gap: 0;
row-gap: 0;
}
.lg\:row-gap-1 {
grid-row-gap: 0.25rem;
row-gap: 0.25rem;
}
.lg\:row-gap-2 {
grid-row-gap: 0.5rem;
row-gap: 0.5rem;
}
.lg\:row-gap-3 {
grid-row-gap: 0.75rem;
row-gap: 0.75rem;
}
.lg\:row-gap-4 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.lg\:row-gap-5 {
grid-row-gap: 1.25rem;
row-gap: 1.25rem;
}
.lg\:row-gap-6 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.lg\:row-gap-8 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.lg\:row-gap-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.lg\:row-gap-12 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.lg\:row-gap-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.lg\:row-gap-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.lg\:row-gap-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.lg\:row-gap-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.lg\:row-gap-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.lg\:row-gap-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.lg\:row-gap-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.lg\:row-gap-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.lg\:row-gap-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.lg\:grid-flow-row {
grid-auto-flow: row;
}
@ -47760,6 +48520,196 @@ video {
gap: 1px;
}
.xl\:col-gap-0 {
grid-column-gap: 0;
column-gap: 0;
}
.xl\:col-gap-1 {
grid-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.xl\:col-gap-2 {
grid-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.xl\:col-gap-3 {
grid-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.xl\:col-gap-4 {
grid-column-gap: 1rem;
column-gap: 1rem;
}
.xl\:col-gap-5 {
grid-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.xl\:col-gap-6 {
grid-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.xl\:col-gap-8 {
grid-column-gap: 2rem;
column-gap: 2rem;
}
.xl\:col-gap-10 {
grid-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.xl\:col-gap-12 {
grid-column-gap: 3rem;
column-gap: 3rem;
}
.xl\:col-gap-16 {
grid-column-gap: 4rem;
column-gap: 4rem;
}
.xl\:col-gap-20 {
grid-column-gap: 5rem;
column-gap: 5rem;
}
.xl\:col-gap-24 {
grid-column-gap: 6rem;
column-gap: 6rem;
}
.xl\:col-gap-32 {
grid-column-gap: 8rem;
column-gap: 8rem;
}
.xl\:col-gap-40 {
grid-column-gap: 10rem;
column-gap: 10rem;
}
.xl\:col-gap-48 {
grid-column-gap: 12rem;
column-gap: 12rem;
}
.xl\:col-gap-56 {
grid-column-gap: 14rem;
column-gap: 14rem;
}
.xl\:col-gap-64 {
grid-column-gap: 16rem;
column-gap: 16rem;
}
.xl\:col-gap-px {
grid-column-gap: 1px;
column-gap: 1px;
}
.xl\:row-gap-0 {
grid-row-gap: 0;
row-gap: 0;
}
.xl\:row-gap-1 {
grid-row-gap: 0.25rem;
row-gap: 0.25rem;
}
.xl\:row-gap-2 {
grid-row-gap: 0.5rem;
row-gap: 0.5rem;
}
.xl\:row-gap-3 {
grid-row-gap: 0.75rem;
row-gap: 0.75rem;
}
.xl\:row-gap-4 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.xl\:row-gap-5 {
grid-row-gap: 1.25rem;
row-gap: 1.25rem;
}
.xl\:row-gap-6 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.xl\:row-gap-8 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.xl\:row-gap-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.xl\:row-gap-12 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.xl\:row-gap-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.xl\:row-gap-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.xl\:row-gap-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.xl\:row-gap-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.xl\:row-gap-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.xl\:row-gap-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.xl\:row-gap-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.xl\:row-gap-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.xl\:row-gap-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.xl\:grid-flow-row {
grid-auto-flow: row;
}

View File

@ -70,8 +70,6 @@ import wordBreak from './plugins/wordBreak'
import width from './plugins/width'
import zIndex from './plugins/zIndex'
import gap from './plugins/gap'
import columnGap from './plugins/columnGap'
import rowGap from './plugins/rowGap'
import gridAutoFlow from './plugins/gridAutoFlow'
import gridTemplateColumns from './plugins/gridTemplateColumns'
import gridColumn from './plugins/gridColumn'
@ -167,8 +165,6 @@ export default function({ corePlugins: corePluginConfig }) {
width,
zIndex,
gap,
columnGap,
rowGap,
gridAutoFlow,
gridTemplateColumns,
gridColumn,

View File

@ -1,5 +0,0 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return createUtilityPlugin('columnGap', [['col-gap', ['gridColumnGap', 'columnGap']]])
}

View File

@ -1,5 +1,9 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return createUtilityPlugin('gap', [['gap', ['gridGap', 'gap']]])
return createUtilityPlugin('gap', [
['gap', ['gridGap', 'gap']],
['col-gap', ['gridColumnGap', 'columnGap']],
['row-gap', ['gridRowGap', 'rowGap']],
])
}

View File

@ -1,5 +0,0 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return createUtilityPlugin('rowGap', [['row-gap', ['gridRowGap', 'rowGap']]])
}