From da69598818a9af80dba2fbd50bb3e6def50ab10c Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 1 Mar 2019 15:50:30 -0500 Subject: [PATCH] Disable unnecessary variants for text style plugins --- .../fixtures/tailwind-output-important.css | 340 ------------------ __tests__/fixtures/tailwind-output.css | 340 ------------------ defaultConfig.stub.js | 6 +- 3 files changed, 3 insertions(+), 683 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 6698fc65c..09a6a1ded 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -6197,22 +6197,6 @@ table { font-style: normal !important; } -.hover\:italic:hover { - font-style: italic !important; -} - -.hover\:not-italic:hover { - font-style: normal !important; -} - -.focus\:italic:focus { - font-style: italic !important; -} - -.focus\:not-italic:focus { - font-style: normal !important; -} - .uppercase { text-transform: uppercase !important; } @@ -6229,38 +6213,6 @@ table { text-transform: none !important; } -.hover\:uppercase:hover { - text-transform: uppercase !important; -} - -.hover\:lowercase:hover { - text-transform: lowercase !important; -} - -.hover\:capitalize:hover { - text-transform: capitalize !important; -} - -.hover\:normal-case:hover { - text-transform: none !important; -} - -.focus\:uppercase:focus { - text-transform: uppercase !important; -} - -.focus\:lowercase:focus { - text-transform: lowercase !important; -} - -.focus\:capitalize:focus { - text-transform: capitalize !important; -} - -.focus\:normal-case:focus { - text-transform: none !important; -} - .underline { text-decoration: underline !important; } @@ -6307,26 +6259,6 @@ table { -moz-osx-font-smoothing: auto !important; } -.hover\:antialiased:hover { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; -} - -.hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; -} - -.focus\:antialiased:focus { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; -} - -.focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; -} - .tracking-tighter { letter-spacing: -.05em !important; } @@ -12266,22 +12198,6 @@ table { font-style: normal !important; } - .sm\:hover\:italic:hover { - font-style: italic !important; - } - - .sm\:hover\:not-italic:hover { - font-style: normal !important; - } - - .sm\:focus\:italic:focus { - font-style: italic !important; - } - - .sm\:focus\:not-italic:focus { - font-style: normal !important; - } - .sm\:uppercase { text-transform: uppercase !important; } @@ -12298,38 +12214,6 @@ table { text-transform: none !important; } - .sm\:hover\:uppercase:hover { - text-transform: uppercase !important; - } - - .sm\:hover\:lowercase:hover { - text-transform: lowercase !important; - } - - .sm\:hover\:capitalize:hover { - text-transform: capitalize !important; - } - - .sm\:hover\:normal-case:hover { - text-transform: none !important; - } - - .sm\:focus\:uppercase:focus { - text-transform: uppercase !important; - } - - .sm\:focus\:lowercase:focus { - text-transform: lowercase !important; - } - - .sm\:focus\:capitalize:focus { - text-transform: capitalize !important; - } - - .sm\:focus\:normal-case:focus { - text-transform: none !important; - } - .sm\:underline { text-decoration: underline !important; } @@ -12376,26 +12260,6 @@ table { -moz-osx-font-smoothing: auto !important; } - .sm\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .sm\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .sm\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .sm\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - .sm\:tracking-tighter { letter-spacing: -.05em !important; } @@ -18336,22 +18200,6 @@ table { font-style: normal !important; } - .md\:hover\:italic:hover { - font-style: italic !important; - } - - .md\:hover\:not-italic:hover { - font-style: normal !important; - } - - .md\:focus\:italic:focus { - font-style: italic !important; - } - - .md\:focus\:not-italic:focus { - font-style: normal !important; - } - .md\:uppercase { text-transform: uppercase !important; } @@ -18368,38 +18216,6 @@ table { text-transform: none !important; } - .md\:hover\:uppercase:hover { - text-transform: uppercase !important; - } - - .md\:hover\:lowercase:hover { - text-transform: lowercase !important; - } - - .md\:hover\:capitalize:hover { - text-transform: capitalize !important; - } - - .md\:hover\:normal-case:hover { - text-transform: none !important; - } - - .md\:focus\:uppercase:focus { - text-transform: uppercase !important; - } - - .md\:focus\:lowercase:focus { - text-transform: lowercase !important; - } - - .md\:focus\:capitalize:focus { - text-transform: capitalize !important; - } - - .md\:focus\:normal-case:focus { - text-transform: none !important; - } - .md\:underline { text-decoration: underline !important; } @@ -18446,26 +18262,6 @@ table { -moz-osx-font-smoothing: auto !important; } - .md\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .md\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .md\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .md\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - .md\:tracking-tighter { letter-spacing: -.05em !important; } @@ -24406,22 +24202,6 @@ table { font-style: normal !important; } - .lg\:hover\:italic:hover { - font-style: italic !important; - } - - .lg\:hover\:not-italic:hover { - font-style: normal !important; - } - - .lg\:focus\:italic:focus { - font-style: italic !important; - } - - .lg\:focus\:not-italic:focus { - font-style: normal !important; - } - .lg\:uppercase { text-transform: uppercase !important; } @@ -24438,38 +24218,6 @@ table { text-transform: none !important; } - .lg\:hover\:uppercase:hover { - text-transform: uppercase !important; - } - - .lg\:hover\:lowercase:hover { - text-transform: lowercase !important; - } - - .lg\:hover\:capitalize:hover { - text-transform: capitalize !important; - } - - .lg\:hover\:normal-case:hover { - text-transform: none !important; - } - - .lg\:focus\:uppercase:focus { - text-transform: uppercase !important; - } - - .lg\:focus\:lowercase:focus { - text-transform: lowercase !important; - } - - .lg\:focus\:capitalize:focus { - text-transform: capitalize !important; - } - - .lg\:focus\:normal-case:focus { - text-transform: none !important; - } - .lg\:underline { text-decoration: underline !important; } @@ -24516,26 +24264,6 @@ table { -moz-osx-font-smoothing: auto !important; } - .lg\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .lg\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .lg\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .lg\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - .lg\:tracking-tighter { letter-spacing: -.05em !important; } @@ -30476,22 +30204,6 @@ table { font-style: normal !important; } - .xl\:hover\:italic:hover { - font-style: italic !important; - } - - .xl\:hover\:not-italic:hover { - font-style: normal !important; - } - - .xl\:focus\:italic:focus { - font-style: italic !important; - } - - .xl\:focus\:not-italic:focus { - font-style: normal !important; - } - .xl\:uppercase { text-transform: uppercase !important; } @@ -30508,38 +30220,6 @@ table { text-transform: none !important; } - .xl\:hover\:uppercase:hover { - text-transform: uppercase !important; - } - - .xl\:hover\:lowercase:hover { - text-transform: lowercase !important; - } - - .xl\:hover\:capitalize:hover { - text-transform: capitalize !important; - } - - .xl\:hover\:normal-case:hover { - text-transform: none !important; - } - - .xl\:focus\:uppercase:focus { - text-transform: uppercase !important; - } - - .xl\:focus\:lowercase:focus { - text-transform: lowercase !important; - } - - .xl\:focus\:capitalize:focus { - text-transform: capitalize !important; - } - - .xl\:focus\:normal-case:focus { - text-transform: none !important; - } - .xl\:underline { text-decoration: underline !important; } @@ -30586,26 +30266,6 @@ table { -moz-osx-font-smoothing: auto !important; } - .xl\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .xl\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .xl\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .xl\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - .xl\:tracking-tighter { letter-spacing: -.05em !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index b0c2065ee..edf936a79 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -6197,22 +6197,6 @@ table { font-style: normal; } -.hover\:italic:hover { - font-style: italic; -} - -.hover\:not-italic:hover { - font-style: normal; -} - -.focus\:italic:focus { - font-style: italic; -} - -.focus\:not-italic:focus { - font-style: normal; -} - .uppercase { text-transform: uppercase; } @@ -6229,38 +6213,6 @@ table { text-transform: none; } -.hover\:uppercase:hover { - text-transform: uppercase; -} - -.hover\:lowercase:hover { - text-transform: lowercase; -} - -.hover\:capitalize:hover { - text-transform: capitalize; -} - -.hover\:normal-case:hover { - text-transform: none; -} - -.focus\:uppercase:focus { - text-transform: uppercase; -} - -.focus\:lowercase:focus { - text-transform: lowercase; -} - -.focus\:capitalize:focus { - text-transform: capitalize; -} - -.focus\:normal-case:focus { - text-transform: none; -} - .underline { text-decoration: underline; } @@ -6307,26 +6259,6 @@ table { -moz-osx-font-smoothing: auto; } -.hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; -} - -.focus\:antialiased:focus { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; -} - .tracking-tighter { letter-spacing: -.05em; } @@ -12266,22 +12198,6 @@ table { font-style: normal; } - .sm\:hover\:italic:hover { - font-style: italic; - } - - .sm\:hover\:not-italic:hover { - font-style: normal; - } - - .sm\:focus\:italic:focus { - font-style: italic; - } - - .sm\:focus\:not-italic:focus { - font-style: normal; - } - .sm\:uppercase { text-transform: uppercase; } @@ -12298,38 +12214,6 @@ table { text-transform: none; } - .sm\:hover\:uppercase:hover { - text-transform: uppercase; - } - - .sm\:hover\:lowercase:hover { - text-transform: lowercase; - } - - .sm\:hover\:capitalize:hover { - text-transform: capitalize; - } - - .sm\:hover\:normal-case:hover { - text-transform: none; - } - - .sm\:focus\:uppercase:focus { - text-transform: uppercase; - } - - .sm\:focus\:lowercase:focus { - text-transform: lowercase; - } - - .sm\:focus\:capitalize:focus { - text-transform: capitalize; - } - - .sm\:focus\:normal-case:focus { - text-transform: none; - } - .sm\:underline { text-decoration: underline; } @@ -12376,26 +12260,6 @@ table { -moz-osx-font-smoothing: auto; } - .sm\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - .sm\:tracking-tighter { letter-spacing: -.05em; } @@ -18336,22 +18200,6 @@ table { font-style: normal; } - .md\:hover\:italic:hover { - font-style: italic; - } - - .md\:hover\:not-italic:hover { - font-style: normal; - } - - .md\:focus\:italic:focus { - font-style: italic; - } - - .md\:focus\:not-italic:focus { - font-style: normal; - } - .md\:uppercase { text-transform: uppercase; } @@ -18368,38 +18216,6 @@ table { text-transform: none; } - .md\:hover\:uppercase:hover { - text-transform: uppercase; - } - - .md\:hover\:lowercase:hover { - text-transform: lowercase; - } - - .md\:hover\:capitalize:hover { - text-transform: capitalize; - } - - .md\:hover\:normal-case:hover { - text-transform: none; - } - - .md\:focus\:uppercase:focus { - text-transform: uppercase; - } - - .md\:focus\:lowercase:focus { - text-transform: lowercase; - } - - .md\:focus\:capitalize:focus { - text-transform: capitalize; - } - - .md\:focus\:normal-case:focus { - text-transform: none; - } - .md\:underline { text-decoration: underline; } @@ -18446,26 +18262,6 @@ table { -moz-osx-font-smoothing: auto; } - .md\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .md\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .md\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .md\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - .md\:tracking-tighter { letter-spacing: -.05em; } @@ -24406,22 +24202,6 @@ table { font-style: normal; } - .lg\:hover\:italic:hover { - font-style: italic; - } - - .lg\:hover\:not-italic:hover { - font-style: normal; - } - - .lg\:focus\:italic:focus { - font-style: italic; - } - - .lg\:focus\:not-italic:focus { - font-style: normal; - } - .lg\:uppercase { text-transform: uppercase; } @@ -24438,38 +24218,6 @@ table { text-transform: none; } - .lg\:hover\:uppercase:hover { - text-transform: uppercase; - } - - .lg\:hover\:lowercase:hover { - text-transform: lowercase; - } - - .lg\:hover\:capitalize:hover { - text-transform: capitalize; - } - - .lg\:hover\:normal-case:hover { - text-transform: none; - } - - .lg\:focus\:uppercase:focus { - text-transform: uppercase; - } - - .lg\:focus\:lowercase:focus { - text-transform: lowercase; - } - - .lg\:focus\:capitalize:focus { - text-transform: capitalize; - } - - .lg\:focus\:normal-case:focus { - text-transform: none; - } - .lg\:underline { text-decoration: underline; } @@ -24516,26 +24264,6 @@ table { -moz-osx-font-smoothing: auto; } - .lg\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .lg\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .lg\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .lg\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - .lg\:tracking-tighter { letter-spacing: -.05em; } @@ -30476,22 +30204,6 @@ table { font-style: normal; } - .xl\:hover\:italic:hover { - font-style: italic; - } - - .xl\:hover\:not-italic:hover { - font-style: normal; - } - - .xl\:focus\:italic:focus { - font-style: italic; - } - - .xl\:focus\:not-italic:focus { - font-style: normal; - } - .xl\:uppercase { text-transform: uppercase; } @@ -30508,38 +30220,6 @@ table { text-transform: none; } - .xl\:hover\:uppercase:hover { - text-transform: uppercase; - } - - .xl\:hover\:lowercase:hover { - text-transform: lowercase; - } - - .xl\:hover\:capitalize:hover { - text-transform: capitalize; - } - - .xl\:hover\:normal-case:hover { - text-transform: none; - } - - .xl\:focus\:uppercase:focus { - text-transform: uppercase; - } - - .xl\:focus\:lowercase:focus { - text-transform: lowercase; - } - - .xl\:focus\:capitalize:focus { - text-transform: capitalize; - } - - .xl\:focus\:normal-case:focus { - text-transform: none; - } - .xl\:underline { text-decoration: underline; } @@ -30586,26 +30266,6 @@ table { -moz-osx-font-smoothing: auto; } - .xl\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .xl\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .xl\:focus\:antialiased:focus { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .xl\:focus\:subpixel-antialiased:focus { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - .xl\:tracking-tighter { letter-spacing: -.05em; } diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index 7f3ad5edc..48104ae6c 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -56,10 +56,10 @@ module.exports = { textAlign: ['responsive'], textColor: ['responsive', 'hover', 'focus'], fontSize: ['responsive'], - fontStyle: ['responsive', 'hover', 'focus'], - textTransform: ['responsive', 'hover', 'focus'], + fontStyle: ['responsive'], + textTransform: ['responsive'], textDecoration: ['responsive', 'hover', 'focus'], - fontSmoothing: ['responsive', 'hover', 'focus'], + fontSmoothing: ['responsive'], letterSpacing: ['responsive'], userSelect: ['responsive'], verticalAlign: ['responsive'],