diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index 6e9af0096ce2..a910143f4ee2 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -38675,6 +38675,22 @@ video { } .grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); +} + +.grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); +} + +.grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); +} + +.grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -82056,6 +82072,22 @@ video { } .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .sm\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .sm\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .sm\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .sm\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -125407,6 +125439,22 @@ video { } .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .md\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .md\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .md\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .md\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -168758,6 +168806,22 @@ video { } .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .lg\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .lg\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .lg\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .lg\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -212109,6 +212173,22 @@ video { } .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -255460,6 +255540,22 @@ video { } .\32xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 088082cd1c38..d29ec9c03293 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -38675,6 +38675,22 @@ video { } .grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; +} + +.grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)) !important; +} + +.grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)) !important; +} + +.grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)) !important; +} + +.grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) !important; } @@ -82056,6 +82072,22 @@ video { } .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } + + .sm\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)) !important; + } + + .sm\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)) !important; + } + + .sm\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)) !important; + } + + .sm\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) !important; } @@ -125407,6 +125439,22 @@ video { } .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) !important; } @@ -168758,6 +168806,22 @@ video { } .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } + + .lg\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)) !important; + } + + .lg\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)) !important; + } + + .lg\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)) !important; + } + + .lg\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) !important; } @@ -212109,6 +212173,22 @@ video { } .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } + + .xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)) !important; + } + + .xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)) !important; + } + + .xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)) !important; + } + + .xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) !important; } @@ -255460,6 +255540,22 @@ video { } .\32xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } + + .\32xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)) !important; + } + + .\32xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)) !important; + } + + .\32xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)) !important; + } + + .\32xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index f2f16c7cc52a..176b0ada33d6 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -36227,6 +36227,22 @@ video { } .grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); +} + +.grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); +} + +.grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); +} + +.grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -77160,6 +77176,22 @@ video { } .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .sm\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .sm\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .sm\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .sm\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -118063,6 +118095,22 @@ video { } .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .md\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .md\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .md\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .md\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -158966,6 +159014,22 @@ video { } .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .lg\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .lg\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .lg\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .lg\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -199869,6 +199933,22 @@ video { } .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -240772,6 +240852,22 @@ video { } .\32xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 6e9af0096ce2..a910143f4ee2 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -38675,6 +38675,22 @@ video { } .grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); +} + +.grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); +} + +.grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); +} + +.grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -82056,6 +82072,22 @@ video { } .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .sm\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .sm\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .sm\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .sm\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -125407,6 +125439,22 @@ video { } .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .md\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .md\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .md\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .md\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -168758,6 +168806,22 @@ video { } .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .lg\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .lg\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .lg\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .lg\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -212109,6 +212173,22 @@ video { } .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } @@ -255460,6 +255540,22 @@ video { } .\32xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-13 { + grid-template-columns: repeat(13, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-14 { + grid-template-columns: repeat(14, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-15 { + grid-template-columns: repeat(15, minmax(0, 1fr)); + } + + .\32xl\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index e1866d8e0055..aafb69fecb4c 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -525,10 +525,10 @@ module.exports = { 10: 'repeat(10, minmax(0, 1fr))', 11: 'repeat(11, minmax(0, 1fr))', 12: 'repeat(12, minmax(0, 1fr))', - 12: 'repeat(13, minmax(0, 1fr))', - 12: 'repeat(14, minmax(0, 1fr))', - 12: 'repeat(15, minmax(0, 1fr))', - 12: 'repeat(16, minmax(0, 1fr))', + 13: 'repeat(13, minmax(0, 1fr))', + 14: 'repeat(14, minmax(0, 1fr))', + 15: 'repeat(15, minmax(0, 1fr))', + 16: 'repeat(16, minmax(0, 1fr))', }, gridAutoColumns: { auto: 'auto',