From 4959a99f7729d7f20da06c56d0c45cbdf1342d3c Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sat, 17 Oct 2020 20:37:33 -0400 Subject: [PATCH] Remove deprecated gap utilities --- .../fixtures/tailwind-output-important.css | 950 ------------------ .../tailwind-output-no-color-opacity.css | 950 ------------------ __tests__/fixtures/tailwind-output.css | 950 ------------------ src/featureFlags.js | 1 - src/plugins/gap.js | 23 +- 5 files changed, 5 insertions(+), 2869 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 2e59a6686..8fb554545 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -15213,101 +15213,6 @@ 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; -} - .gap-x-0 { grid-column-gap: 0 !important; column-gap: 0 !important; @@ -15403,101 +15308,6 @@ video { 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; -} - .gap-y-0 { grid-row-gap: 0 !important; row-gap: 0 !important; @@ -32741,101 +32551,6 @@ 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\:gap-x-0 { grid-column-gap: 0 !important; column-gap: 0 !important; @@ -32931,101 +32646,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0 !important; row-gap: 0 !important; @@ -50239,101 +49859,6 @@ 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\:gap-x-0 { grid-column-gap: 0 !important; column-gap: 0 !important; @@ -50429,101 +49954,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0 !important; row-gap: 0 !important; @@ -67737,101 +67167,6 @@ 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\:gap-x-0 { grid-column-gap: 0 !important; column-gap: 0 !important; @@ -67927,101 +67262,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0 !important; row-gap: 0 !important; @@ -85235,101 +84475,6 @@ 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\:gap-x-0 { grid-column-gap: 0 !important; column-gap: 0 !important; @@ -85425,101 +84570,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0 !important; row-gap: 0 !important; diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index e31d21795..0a3606bc4 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -13869,101 +13869,6 @@ 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; -} - .gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -14059,101 +13964,6 @@ video { 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; -} - .gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -30053,101 +29863,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -30243,101 +29958,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -46207,101 +45827,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -46397,101 +45922,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -62361,101 +61791,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -62551,101 +61886,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -78515,101 +77755,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -78705,101 +77850,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index dd16a5789..98cb16171 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -15213,101 +15213,6 @@ 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; -} - .gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -15403,101 +15308,6 @@ video { 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; -} - .gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -32741,101 +32551,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -32931,101 +32646,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -50239,101 +49859,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -50429,101 +49954,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -67737,101 +67167,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -67927,101 +67262,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; @@ -85235,101 +84475,6 @@ 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\:gap-x-0 { grid-column-gap: 0; column-gap: 0; @@ -85425,101 +84570,6 @@ video { 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\:gap-y-0 { grid-row-gap: 0; row-gap: 0; diff --git a/src/featureFlags.js b/src/featureFlags.js index f29bae4b0..c57f452bf 100644 --- a/src/featureFlags.js +++ b/src/featureFlags.js @@ -4,7 +4,6 @@ import log from './util/log' const featureFlags = { future: [ - 'removeDeprecatedGapUtilities', 'purgeLayersByDefault', 'defaultLineHeights', 'standardFontWeights', diff --git a/src/plugins/gap.js b/src/plugins/gap.js index eedc44848..80b5abe31 100644 --- a/src/plugins/gap.js +++ b/src/plugins/gap.js @@ -1,22 +1,9 @@ import createUtilityPlugin from '../util/createUtilityPlugin' -import { flagEnabled } from '../featureFlags' export default function () { - return function ({ config, ...args }) { - if (flagEnabled(config(), 'removeDeprecatedGapUtilities')) { - createUtilityPlugin('gap', [ - ['gap', ['gridGap', 'gap']], - ['gap-x', ['gridColumnGap', 'columnGap']], - ['gap-y', ['gridRowGap', 'rowGap']], - ])({ config, ...args }) - } else { - createUtilityPlugin('gap', [ - ['gap', ['gridGap', 'gap']], - ['col-gap', ['gridColumnGap', 'columnGap']], - ['gap-x', ['gridColumnGap', 'columnGap']], - ['row-gap', ['gridRowGap', 'rowGap']], - ['gap-y', ['gridRowGap', 'rowGap']], - ])({ config, ...args }) - } - } + return createUtilityPlugin('gap', [ + ['gap', ['gridGap', 'gap']], + ['gap-x', ['gridColumnGap', 'columnGap']], + ['gap-y', ['gridRowGap', 'rowGap']], + ]) }