diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index b5e5fafe6..e3fafe0dd 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -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; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 3bddede50..e17b72f6b 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -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; } diff --git a/src/corePlugins.js b/src/corePlugins.js index 4155acab4..fa6f0f461 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -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, diff --git a/src/plugins/columnGap.js b/src/plugins/columnGap.js deleted file mode 100644 index 6fff2b6d4..000000000 --- a/src/plugins/columnGap.js +++ /dev/null @@ -1,5 +0,0 @@ -import createUtilityPlugin from '../util/createUtilityPlugin' - -export default function() { - return createUtilityPlugin('columnGap', [['col-gap', ['gridColumnGap', 'columnGap']]]) -} diff --git a/src/plugins/gap.js b/src/plugins/gap.js index c2c2090a4..bd5e73125 100644 --- a/src/plugins/gap.js +++ b/src/plugins/gap.js @@ -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']], + ]) } diff --git a/src/plugins/rowGap.js b/src/plugins/rowGap.js deleted file mode 100644 index 4d63ff044..000000000 --- a/src/plugins/rowGap.js +++ /dev/null @@ -1,5 +0,0 @@ -import createUtilityPlugin from '../util/createUtilityPlugin' - -export default function() { - return createUtilityPlugin('rowGap', [['row-gap', ['gridRowGap', 'rowGap']]]) -}