diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index d2c8baf47..a5744cb7c 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -7293,6 +7293,10 @@ video { width: 25% !important; } +.w-2\/4 { + width: 50% !important; +} + .w-3\/4 { width: 75% !important; } @@ -7317,10 +7321,66 @@ video { width: 16.66667% !important; } +.w-2\/6 { + width: 33.33333% !important; +} + +.w-3\/6 { + width: 50% !important; +} + +.w-4\/6 { + width: 66.66667% !important; +} + .w-5\/6 { width: 83.33333% !important; } +.w-1\/12 { + width: 8.33333% !important; +} + +.w-2\/12 { + width: 16.66667% !important; +} + +.w-3\/12 { + width: 25% !important; +} + +.w-4\/12 { + width: 33.33333% !important; +} + +.w-5\/12 { + width: 41.66667% !important; +} + +.w-6\/12 { + width: 50% !important; +} + +.w-7\/12 { + width: 58.33333% !important; +} + +.w-8\/12 { + width: 66.66667% !important; +} + +.w-9\/12 { + width: 75% !important; +} + +.w-10\/12 { + width: 83.33333% !important; +} + +.w-11\/12 { + width: 91.66667% !important; +} + .w-full { width: 100% !important; } @@ -14030,6 +14090,10 @@ video { width: 25% !important; } + .sm\:w-2\/4 { + width: 50% !important; + } + .sm\:w-3\/4 { width: 75% !important; } @@ -14054,10 +14118,66 @@ video { width: 16.66667% !important; } + .sm\:w-2\/6 { + width: 33.33333% !important; + } + + .sm\:w-3\/6 { + width: 50% !important; + } + + .sm\:w-4\/6 { + width: 66.66667% !important; + } + .sm\:w-5\/6 { width: 83.33333% !important; } + .sm\:w-1\/12 { + width: 8.33333% !important; + } + + .sm\:w-2\/12 { + width: 16.66667% !important; + } + + .sm\:w-3\/12 { + width: 25% !important; + } + + .sm\:w-4\/12 { + width: 33.33333% !important; + } + + .sm\:w-5\/12 { + width: 41.66667% !important; + } + + .sm\:w-6\/12 { + width: 50% !important; + } + + .sm\:w-7\/12 { + width: 58.33333% !important; + } + + .sm\:w-8\/12 { + width: 66.66667% !important; + } + + .sm\:w-9\/12 { + width: 75% !important; + } + + .sm\:w-10\/12 { + width: 83.33333% !important; + } + + .sm\:w-11\/12 { + width: 91.66667% !important; + } + .sm\:w-full { width: 100% !important; } @@ -20768,6 +20888,10 @@ video { width: 25% !important; } + .md\:w-2\/4 { + width: 50% !important; + } + .md\:w-3\/4 { width: 75% !important; } @@ -20792,10 +20916,66 @@ video { width: 16.66667% !important; } + .md\:w-2\/6 { + width: 33.33333% !important; + } + + .md\:w-3\/6 { + width: 50% !important; + } + + .md\:w-4\/6 { + width: 66.66667% !important; + } + .md\:w-5\/6 { width: 83.33333% !important; } + .md\:w-1\/12 { + width: 8.33333% !important; + } + + .md\:w-2\/12 { + width: 16.66667% !important; + } + + .md\:w-3\/12 { + width: 25% !important; + } + + .md\:w-4\/12 { + width: 33.33333% !important; + } + + .md\:w-5\/12 { + width: 41.66667% !important; + } + + .md\:w-6\/12 { + width: 50% !important; + } + + .md\:w-7\/12 { + width: 58.33333% !important; + } + + .md\:w-8\/12 { + width: 66.66667% !important; + } + + .md\:w-9\/12 { + width: 75% !important; + } + + .md\:w-10\/12 { + width: 83.33333% !important; + } + + .md\:w-11\/12 { + width: 91.66667% !important; + } + .md\:w-full { width: 100% !important; } @@ -27506,6 +27686,10 @@ video { width: 25% !important; } + .lg\:w-2\/4 { + width: 50% !important; + } + .lg\:w-3\/4 { width: 75% !important; } @@ -27530,10 +27714,66 @@ video { width: 16.66667% !important; } + .lg\:w-2\/6 { + width: 33.33333% !important; + } + + .lg\:w-3\/6 { + width: 50% !important; + } + + .lg\:w-4\/6 { + width: 66.66667% !important; + } + .lg\:w-5\/6 { width: 83.33333% !important; } + .lg\:w-1\/12 { + width: 8.33333% !important; + } + + .lg\:w-2\/12 { + width: 16.66667% !important; + } + + .lg\:w-3\/12 { + width: 25% !important; + } + + .lg\:w-4\/12 { + width: 33.33333% !important; + } + + .lg\:w-5\/12 { + width: 41.66667% !important; + } + + .lg\:w-6\/12 { + width: 50% !important; + } + + .lg\:w-7\/12 { + width: 58.33333% !important; + } + + .lg\:w-8\/12 { + width: 66.66667% !important; + } + + .lg\:w-9\/12 { + width: 75% !important; + } + + .lg\:w-10\/12 { + width: 83.33333% !important; + } + + .lg\:w-11\/12 { + width: 91.66667% !important; + } + .lg\:w-full { width: 100% !important; } @@ -34244,6 +34484,10 @@ video { width: 25% !important; } + .xl\:w-2\/4 { + width: 50% !important; + } + .xl\:w-3\/4 { width: 75% !important; } @@ -34268,10 +34512,66 @@ video { width: 16.66667% !important; } + .xl\:w-2\/6 { + width: 33.33333% !important; + } + + .xl\:w-3\/6 { + width: 50% !important; + } + + .xl\:w-4\/6 { + width: 66.66667% !important; + } + .xl\:w-5\/6 { width: 83.33333% !important; } + .xl\:w-1\/12 { + width: 8.33333% !important; + } + + .xl\:w-2\/12 { + width: 16.66667% !important; + } + + .xl\:w-3\/12 { + width: 25% !important; + } + + .xl\:w-4\/12 { + width: 33.33333% !important; + } + + .xl\:w-5\/12 { + width: 41.66667% !important; + } + + .xl\:w-6\/12 { + width: 50% !important; + } + + .xl\:w-7\/12 { + width: 58.33333% !important; + } + + .xl\:w-8\/12 { + width: 66.66667% !important; + } + + .xl\:w-9\/12 { + width: 75% !important; + } + + .xl\:w-10\/12 { + width: 83.33333% !important; + } + + .xl\:w-11\/12 { + width: 91.66667% !important; + } + .xl\:w-full { width: 100% !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 1468adfab..2e176d4b7 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -7293,6 +7293,10 @@ video { width: 25%; } +.w-2\/4 { + width: 50%; +} + .w-3\/4 { width: 75%; } @@ -7317,10 +7321,66 @@ video { width: 16.66667%; } +.w-2\/6 { + width: 33.33333%; +} + +.w-3\/6 { + width: 50%; +} + +.w-4\/6 { + width: 66.66667%; +} + .w-5\/6 { width: 83.33333%; } +.w-1\/12 { + width: 8.33333%; +} + +.w-2\/12 { + width: 16.66667%; +} + +.w-3\/12 { + width: 25%; +} + +.w-4\/12 { + width: 33.33333%; +} + +.w-5\/12 { + width: 41.66667%; +} + +.w-6\/12 { + width: 50%; +} + +.w-7\/12 { + width: 58.33333%; +} + +.w-8\/12 { + width: 66.66667%; +} + +.w-9\/12 { + width: 75%; +} + +.w-10\/12 { + width: 83.33333%; +} + +.w-11\/12 { + width: 91.66667%; +} + .w-full { width: 100%; } @@ -14030,6 +14090,10 @@ video { width: 25%; } + .sm\:w-2\/4 { + width: 50%; + } + .sm\:w-3\/4 { width: 75%; } @@ -14054,10 +14118,66 @@ video { width: 16.66667%; } + .sm\:w-2\/6 { + width: 33.33333%; + } + + .sm\:w-3\/6 { + width: 50%; + } + + .sm\:w-4\/6 { + width: 66.66667%; + } + .sm\:w-5\/6 { width: 83.33333%; } + .sm\:w-1\/12 { + width: 8.33333%; + } + + .sm\:w-2\/12 { + width: 16.66667%; + } + + .sm\:w-3\/12 { + width: 25%; + } + + .sm\:w-4\/12 { + width: 33.33333%; + } + + .sm\:w-5\/12 { + width: 41.66667%; + } + + .sm\:w-6\/12 { + width: 50%; + } + + .sm\:w-7\/12 { + width: 58.33333%; + } + + .sm\:w-8\/12 { + width: 66.66667%; + } + + .sm\:w-9\/12 { + width: 75%; + } + + .sm\:w-10\/12 { + width: 83.33333%; + } + + .sm\:w-11\/12 { + width: 91.66667%; + } + .sm\:w-full { width: 100%; } @@ -20768,6 +20888,10 @@ video { width: 25%; } + .md\:w-2\/4 { + width: 50%; + } + .md\:w-3\/4 { width: 75%; } @@ -20792,10 +20916,66 @@ video { width: 16.66667%; } + .md\:w-2\/6 { + width: 33.33333%; + } + + .md\:w-3\/6 { + width: 50%; + } + + .md\:w-4\/6 { + width: 66.66667%; + } + .md\:w-5\/6 { width: 83.33333%; } + .md\:w-1\/12 { + width: 8.33333%; + } + + .md\:w-2\/12 { + width: 16.66667%; + } + + .md\:w-3\/12 { + width: 25%; + } + + .md\:w-4\/12 { + width: 33.33333%; + } + + .md\:w-5\/12 { + width: 41.66667%; + } + + .md\:w-6\/12 { + width: 50%; + } + + .md\:w-7\/12 { + width: 58.33333%; + } + + .md\:w-8\/12 { + width: 66.66667%; + } + + .md\:w-9\/12 { + width: 75%; + } + + .md\:w-10\/12 { + width: 83.33333%; + } + + .md\:w-11\/12 { + width: 91.66667%; + } + .md\:w-full { width: 100%; } @@ -27506,6 +27686,10 @@ video { width: 25%; } + .lg\:w-2\/4 { + width: 50%; + } + .lg\:w-3\/4 { width: 75%; } @@ -27530,10 +27714,66 @@ video { width: 16.66667%; } + .lg\:w-2\/6 { + width: 33.33333%; + } + + .lg\:w-3\/6 { + width: 50%; + } + + .lg\:w-4\/6 { + width: 66.66667%; + } + .lg\:w-5\/6 { width: 83.33333%; } + .lg\:w-1\/12 { + width: 8.33333%; + } + + .lg\:w-2\/12 { + width: 16.66667%; + } + + .lg\:w-3\/12 { + width: 25%; + } + + .lg\:w-4\/12 { + width: 33.33333%; + } + + .lg\:w-5\/12 { + width: 41.66667%; + } + + .lg\:w-6\/12 { + width: 50%; + } + + .lg\:w-7\/12 { + width: 58.33333%; + } + + .lg\:w-8\/12 { + width: 66.66667%; + } + + .lg\:w-9\/12 { + width: 75%; + } + + .lg\:w-10\/12 { + width: 83.33333%; + } + + .lg\:w-11\/12 { + width: 91.66667%; + } + .lg\:w-full { width: 100%; } @@ -34244,6 +34484,10 @@ video { width: 25%; } + .xl\:w-2\/4 { + width: 50%; + } + .xl\:w-3\/4 { width: 75%; } @@ -34268,10 +34512,66 @@ video { width: 16.66667%; } + .xl\:w-2\/6 { + width: 33.33333%; + } + + .xl\:w-3\/6 { + width: 50%; + } + + .xl\:w-4\/6 { + width: 66.66667%; + } + .xl\:w-5\/6 { width: 83.33333%; } + .xl\:w-1\/12 { + width: 8.33333%; + } + + .xl\:w-2\/12 { + width: 16.66667%; + } + + .xl\:w-3\/12 { + width: 25%; + } + + .xl\:w-4\/12 { + width: 33.33333%; + } + + .xl\:w-5\/12 { + width: 41.66667%; + } + + .xl\:w-6\/12 { + width: 50%; + } + + .xl\:w-7\/12 { + width: 58.33333%; + } + + .xl\:w-8\/12 { + width: 66.66667%; + } + + .xl\:w-9\/12 { + width: 75%; + } + + .xl\:w-10\/12 { + width: 83.33333%; + } + + .xl\:w-11\/12 { + width: 91.66667%; + } + .xl\:w-full { width: 100%; }