diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 7ed27c8e3..54e50fe20 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -5741,6 +5741,22 @@ table { font-style: normal !important; } +.hover\:italic:hover { + font-style: italic !important; +} + +.hover\:roman:hover { + font-style: normal !important; +} + +.focus\:italic:focus { + font-style: italic !important; +} + +.focus\:roman:focus { + font-style: normal !important; +} + .uppercase { text-transform: uppercase !important; } @@ -5757,36 +5773,6 @@ table { text-transform: none !important; } -.underline { - text-decoration: underline !important; -} - -.line-through { - text-decoration: line-through !important; -} - -.no-underline { - text-decoration: none !important; -} - -.antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; -} - -.subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; -} - -.hover\:italic:hover { - font-style: italic !important; -} - -.hover\:roman:hover { - font-style: normal !important; -} - .hover\:uppercase:hover { text-transform: uppercase !important; } @@ -5803,36 +5789,6 @@ table { text-transform: none !important; } -.hover\:underline:hover { - text-decoration: underline !important; -} - -.hover\:line-through:hover { - text-decoration: line-through !important; -} - -.hover\:no-underline:hover { - text-decoration: none !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\:italic:focus { - font-style: italic !important; -} - -.focus\:roman:focus { - font-style: normal !important; -} - .focus\:uppercase:focus { text-transform: uppercase !important; } @@ -5849,6 +5805,30 @@ table { text-transform: none !important; } +.underline { + text-decoration: underline !important; +} + +.line-through { + text-decoration: line-through !important; +} + +.no-underline { + text-decoration: none !important; +} + +.hover\:underline:hover { + text-decoration: underline !important; +} + +.hover\:line-through:hover { + text-decoration: line-through !important; +} + +.hover\:no-underline:hover { + text-decoration: none !important; +} + .focus\:underline:focus { text-decoration: underline !important; } @@ -5861,6 +5841,26 @@ table { text-decoration: none !important; } +.antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +.subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -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; @@ -11326,6 +11326,22 @@ table { font-style: normal !important; } + .sm\:hover\:italic:hover { + font-style: italic !important; + } + + .sm\:hover\:roman:hover { + font-style: normal !important; + } + + .sm\:focus\:italic:focus { + font-style: italic !important; + } + + .sm\:focus\:roman:focus { + font-style: normal !important; + } + .sm\:uppercase { text-transform: uppercase !important; } @@ -11342,36 +11358,6 @@ table { text-transform: none !important; } - .sm\:underline { - text-decoration: underline !important; - } - - .sm\:line-through { - text-decoration: line-through !important; - } - - .sm\:no-underline { - text-decoration: none !important; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .sm\:hover\:italic:hover { - font-style: italic !important; - } - - .sm\:hover\:roman:hover { - font-style: normal !important; - } - .sm\:hover\:uppercase:hover { text-transform: uppercase !important; } @@ -11388,36 +11374,6 @@ table { text-transform: none !important; } - .sm\:hover\:underline:hover { - text-decoration: underline !important; - } - - .sm\:hover\:line-through:hover { - text-decoration: line-through !important; - } - - .sm\:hover\:no-underline:hover { - text-decoration: none !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\:italic:focus { - font-style: italic !important; - } - - .sm\:focus\:roman:focus { - font-style: normal !important; - } - .sm\:focus\:uppercase:focus { text-transform: uppercase !important; } @@ -11434,6 +11390,30 @@ table { text-transform: none !important; } + .sm\:underline { + text-decoration: underline !important; + } + + .sm\:line-through { + text-decoration: line-through !important; + } + + .sm\:no-underline { + text-decoration: none !important; + } + + .sm\:hover\:underline:hover { + text-decoration: underline !important; + } + + .sm\:hover\:line-through:hover { + text-decoration: line-through !important; + } + + .sm\:hover\:no-underline:hover { + text-decoration: none !important; + } + .sm\:focus\:underline:focus { text-decoration: underline !important; } @@ -11446,6 +11426,26 @@ table { text-decoration: none !important; } + .sm\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + } + + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -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; @@ -16912,6 +16912,22 @@ table { font-style: normal !important; } + .md\:hover\:italic:hover { + font-style: italic !important; + } + + .md\:hover\:roman:hover { + font-style: normal !important; + } + + .md\:focus\:italic:focus { + font-style: italic !important; + } + + .md\:focus\:roman:focus { + font-style: normal !important; + } + .md\:uppercase { text-transform: uppercase !important; } @@ -16928,36 +16944,6 @@ table { text-transform: none !important; } - .md\:underline { - text-decoration: underline !important; - } - - .md\:line-through { - text-decoration: line-through !important; - } - - .md\:no-underline { - text-decoration: none !important; - } - - .md\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .md\:hover\:italic:hover { - font-style: italic !important; - } - - .md\:hover\:roman:hover { - font-style: normal !important; - } - .md\:hover\:uppercase:hover { text-transform: uppercase !important; } @@ -16974,36 +16960,6 @@ table { text-transform: none !important; } - .md\:hover\:underline:hover { - text-decoration: underline !important; - } - - .md\:hover\:line-through:hover { - text-decoration: line-through !important; - } - - .md\:hover\:no-underline:hover { - text-decoration: none !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\:italic:focus { - font-style: italic !important; - } - - .md\:focus\:roman:focus { - font-style: normal !important; - } - .md\:focus\:uppercase:focus { text-transform: uppercase !important; } @@ -17020,6 +16976,30 @@ table { text-transform: none !important; } + .md\:underline { + text-decoration: underline !important; + } + + .md\:line-through { + text-decoration: line-through !important; + } + + .md\:no-underline { + text-decoration: none !important; + } + + .md\:hover\:underline:hover { + text-decoration: underline !important; + } + + .md\:hover\:line-through:hover { + text-decoration: line-through !important; + } + + .md\:hover\:no-underline:hover { + text-decoration: none !important; + } + .md\:focus\:underline:focus { text-decoration: underline !important; } @@ -17032,6 +17012,26 @@ table { text-decoration: none !important; } + .md\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + } + + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -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; @@ -22498,6 +22498,22 @@ table { font-style: normal !important; } + .lg\:hover\:italic:hover { + font-style: italic !important; + } + + .lg\:hover\:roman:hover { + font-style: normal !important; + } + + .lg\:focus\:italic:focus { + font-style: italic !important; + } + + .lg\:focus\:roman:focus { + font-style: normal !important; + } + .lg\:uppercase { text-transform: uppercase !important; } @@ -22514,36 +22530,6 @@ table { text-transform: none !important; } - .lg\:underline { - text-decoration: underline !important; - } - - .lg\:line-through { - text-decoration: line-through !important; - } - - .lg\:no-underline { - text-decoration: none !important; - } - - .lg\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .lg\:hover\:italic:hover { - font-style: italic !important; - } - - .lg\:hover\:roman:hover { - font-style: normal !important; - } - .lg\:hover\:uppercase:hover { text-transform: uppercase !important; } @@ -22560,36 +22546,6 @@ table { text-transform: none !important; } - .lg\:hover\:underline:hover { - text-decoration: underline !important; - } - - .lg\:hover\:line-through:hover { - text-decoration: line-through !important; - } - - .lg\:hover\:no-underline:hover { - text-decoration: none !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\:italic:focus { - font-style: italic !important; - } - - .lg\:focus\:roman:focus { - font-style: normal !important; - } - .lg\:focus\:uppercase:focus { text-transform: uppercase !important; } @@ -22606,6 +22562,30 @@ table { text-transform: none !important; } + .lg\:underline { + text-decoration: underline !important; + } + + .lg\:line-through { + text-decoration: line-through !important; + } + + .lg\:no-underline { + text-decoration: none !important; + } + + .lg\:hover\:underline:hover { + text-decoration: underline !important; + } + + .lg\:hover\:line-through:hover { + text-decoration: line-through !important; + } + + .lg\:hover\:no-underline:hover { + text-decoration: none !important; + } + .lg\:focus\:underline:focus { text-decoration: underline !important; } @@ -22618,6 +22598,26 @@ table { text-decoration: none !important; } + .lg\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + } + + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -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; @@ -28084,6 +28084,22 @@ table { font-style: normal !important; } + .xl\:hover\:italic:hover { + font-style: italic !important; + } + + .xl\:hover\:roman:hover { + font-style: normal !important; + } + + .xl\:focus\:italic:focus { + font-style: italic !important; + } + + .xl\:focus\:roman:focus { + font-style: normal !important; + } + .xl\:uppercase { text-transform: uppercase !important; } @@ -28100,36 +28116,6 @@ table { text-transform: none !important; } - .xl\:underline { - text-decoration: underline !important; - } - - .xl\:line-through { - text-decoration: line-through !important; - } - - .xl\:no-underline { - text-decoration: none !important; - } - - .xl\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .xl\:hover\:italic:hover { - font-style: italic !important; - } - - .xl\:hover\:roman:hover { - font-style: normal !important; - } - .xl\:hover\:uppercase:hover { text-transform: uppercase !important; } @@ -28146,36 +28132,6 @@ table { text-transform: none !important; } - .xl\:hover\:underline:hover { - text-decoration: underline !important; - } - - .xl\:hover\:line-through:hover { - text-decoration: line-through !important; - } - - .xl\:hover\:no-underline:hover { - text-decoration: none !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\:italic:focus { - font-style: italic !important; - } - - .xl\:focus\:roman:focus { - font-style: normal !important; - } - .xl\:focus\:uppercase:focus { text-transform: uppercase !important; } @@ -28192,6 +28148,30 @@ table { text-transform: none !important; } + .xl\:underline { + text-decoration: underline !important; + } + + .xl\:line-through { + text-decoration: line-through !important; + } + + .xl\:no-underline { + text-decoration: none !important; + } + + .xl\:hover\:underline:hover { + text-decoration: underline !important; + } + + .xl\:hover\:line-through:hover { + text-decoration: line-through !important; + } + + .xl\:hover\:no-underline:hover { + text-decoration: none !important; + } + .xl\:focus\:underline:focus { text-decoration: underline !important; } @@ -28204,6 +28184,26 @@ table { text-decoration: none !important; } + .xl\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + } + + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -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; diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 86a60d8fb..bc9009f76 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -5741,6 +5741,22 @@ table { font-style: normal; } +.hover\:italic:hover { + font-style: italic; +} + +.hover\:roman:hover { + font-style: normal; +} + +.focus\:italic:focus { + font-style: italic; +} + +.focus\:roman:focus { + font-style: normal; +} + .uppercase { text-transform: uppercase; } @@ -5757,36 +5773,6 @@ table { text-transform: none; } -.underline { - text-decoration: underline; -} - -.line-through { - text-decoration: line-through; -} - -.no-underline { - text-decoration: none; -} - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; -} - -.hover\:italic:hover { - font-style: italic; -} - -.hover\:roman:hover { - font-style: normal; -} - .hover\:uppercase:hover { text-transform: uppercase; } @@ -5803,36 +5789,6 @@ table { text-transform: none; } -.hover\:underline:hover { - text-decoration: underline; -} - -.hover\:line-through:hover { - text-decoration: line-through; -} - -.hover\:no-underline:hover { - text-decoration: none; -} - -.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\:italic:focus { - font-style: italic; -} - -.focus\:roman:focus { - font-style: normal; -} - .focus\:uppercase:focus { text-transform: uppercase; } @@ -5849,6 +5805,30 @@ table { text-transform: none; } +.underline { + text-decoration: underline; +} + +.line-through { + text-decoration: line-through; +} + +.no-underline { + text-decoration: none; +} + +.hover\:underline:hover { + text-decoration: underline; +} + +.hover\:line-through:hover { + text-decoration: line-through; +} + +.hover\:no-underline:hover { + text-decoration: none; +} + .focus\:underline:focus { text-decoration: underline; } @@ -5861,6 +5841,26 @@ table { text-decoration: none; } +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -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; @@ -11326,6 +11326,22 @@ table { font-style: normal; } + .sm\:hover\:italic:hover { + font-style: italic; + } + + .sm\:hover\:roman:hover { + font-style: normal; + } + + .sm\:focus\:italic:focus { + font-style: italic; + } + + .sm\:focus\:roman:focus { + font-style: normal; + } + .sm\:uppercase { text-transform: uppercase; } @@ -11342,36 +11358,6 @@ table { text-transform: none; } - .sm\:underline { - text-decoration: underline; - } - - .sm\:line-through { - text-decoration: line-through; - } - - .sm\:no-underline { - text-decoration: none; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:hover\:italic:hover { - font-style: italic; - } - - .sm\:hover\:roman:hover { - font-style: normal; - } - .sm\:hover\:uppercase:hover { text-transform: uppercase; } @@ -11388,36 +11374,6 @@ table { text-transform: none; } - .sm\:hover\:underline:hover { - text-decoration: underline; - } - - .sm\:hover\:line-through:hover { - text-decoration: line-through; - } - - .sm\:hover\:no-underline:hover { - text-decoration: none; - } - - .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\:italic:focus { - font-style: italic; - } - - .sm\:focus\:roman:focus { - font-style: normal; - } - .sm\:focus\:uppercase:focus { text-transform: uppercase; } @@ -11434,6 +11390,30 @@ table { text-transform: none; } + .sm\:underline { + text-decoration: underline; + } + + .sm\:line-through { + text-decoration: line-through; + } + + .sm\:no-underline { + text-decoration: none; + } + + .sm\:hover\:underline:hover { + text-decoration: underline; + } + + .sm\:hover\:line-through:hover { + text-decoration: line-through; + } + + .sm\:hover\:no-underline:hover { + text-decoration: none; + } + .sm\:focus\:underline:focus { text-decoration: underline; } @@ -11446,6 +11426,26 @@ table { text-decoration: none; } + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -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; @@ -16912,6 +16912,22 @@ table { font-style: normal; } + .md\:hover\:italic:hover { + font-style: italic; + } + + .md\:hover\:roman:hover { + font-style: normal; + } + + .md\:focus\:italic:focus { + font-style: italic; + } + + .md\:focus\:roman:focus { + font-style: normal; + } + .md\:uppercase { text-transform: uppercase; } @@ -16928,36 +16944,6 @@ table { text-transform: none; } - .md\:underline { - text-decoration: underline; - } - - .md\:line-through { - text-decoration: line-through; - } - - .md\:no-underline { - text-decoration: none; - } - - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .md\:hover\:italic:hover { - font-style: italic; - } - - .md\:hover\:roman:hover { - font-style: normal; - } - .md\:hover\:uppercase:hover { text-transform: uppercase; } @@ -16974,36 +16960,6 @@ table { text-transform: none; } - .md\:hover\:underline:hover { - text-decoration: underline; - } - - .md\:hover\:line-through:hover { - text-decoration: line-through; - } - - .md\:hover\:no-underline:hover { - text-decoration: none; - } - - .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\:italic:focus { - font-style: italic; - } - - .md\:focus\:roman:focus { - font-style: normal; - } - .md\:focus\:uppercase:focus { text-transform: uppercase; } @@ -17020,6 +16976,30 @@ table { text-transform: none; } + .md\:underline { + text-decoration: underline; + } + + .md\:line-through { + text-decoration: line-through; + } + + .md\:no-underline { + text-decoration: none; + } + + .md\:hover\:underline:hover { + text-decoration: underline; + } + + .md\:hover\:line-through:hover { + text-decoration: line-through; + } + + .md\:hover\:no-underline:hover { + text-decoration: none; + } + .md\:focus\:underline:focus { text-decoration: underline; } @@ -17032,6 +17012,26 @@ table { text-decoration: none; } + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -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; @@ -22498,6 +22498,22 @@ table { font-style: normal; } + .lg\:hover\:italic:hover { + font-style: italic; + } + + .lg\:hover\:roman:hover { + font-style: normal; + } + + .lg\:focus\:italic:focus { + font-style: italic; + } + + .lg\:focus\:roman:focus { + font-style: normal; + } + .lg\:uppercase { text-transform: uppercase; } @@ -22514,36 +22530,6 @@ table { text-transform: none; } - .lg\:underline { - text-decoration: underline; - } - - .lg\:line-through { - text-decoration: line-through; - } - - .lg\:no-underline { - text-decoration: none; - } - - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .lg\:hover\:italic:hover { - font-style: italic; - } - - .lg\:hover\:roman:hover { - font-style: normal; - } - .lg\:hover\:uppercase:hover { text-transform: uppercase; } @@ -22560,36 +22546,6 @@ table { text-transform: none; } - .lg\:hover\:underline:hover { - text-decoration: underline; - } - - .lg\:hover\:line-through:hover { - text-decoration: line-through; - } - - .lg\:hover\:no-underline:hover { - text-decoration: none; - } - - .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\:italic:focus { - font-style: italic; - } - - .lg\:focus\:roman:focus { - font-style: normal; - } - .lg\:focus\:uppercase:focus { text-transform: uppercase; } @@ -22606,6 +22562,30 @@ table { text-transform: none; } + .lg\:underline { + text-decoration: underline; + } + + .lg\:line-through { + text-decoration: line-through; + } + + .lg\:no-underline { + text-decoration: none; + } + + .lg\:hover\:underline:hover { + text-decoration: underline; + } + + .lg\:hover\:line-through:hover { + text-decoration: line-through; + } + + .lg\:hover\:no-underline:hover { + text-decoration: none; + } + .lg\:focus\:underline:focus { text-decoration: underline; } @@ -22618,6 +22598,26 @@ table { text-decoration: none; } + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -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; @@ -28084,6 +28084,22 @@ table { font-style: normal; } + .xl\:hover\:italic:hover { + font-style: italic; + } + + .xl\:hover\:roman:hover { + font-style: normal; + } + + .xl\:focus\:italic:focus { + font-style: italic; + } + + .xl\:focus\:roman:focus { + font-style: normal; + } + .xl\:uppercase { text-transform: uppercase; } @@ -28100,36 +28116,6 @@ table { text-transform: none; } - .xl\:underline { - text-decoration: underline; - } - - .xl\:line-through { - text-decoration: line-through; - } - - .xl\:no-underline { - text-decoration: none; - } - - .xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .xl\:hover\:italic:hover { - font-style: italic; - } - - .xl\:hover\:roman:hover { - font-style: normal; - } - .xl\:hover\:uppercase:hover { text-transform: uppercase; } @@ -28146,36 +28132,6 @@ table { text-transform: none; } - .xl\:hover\:underline:hover { - text-decoration: underline; - } - - .xl\:hover\:line-through:hover { - text-decoration: line-through; - } - - .xl\:hover\:no-underline:hover { - text-decoration: none; - } - - .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\:italic:focus { - font-style: italic; - } - - .xl\:focus\:roman:focus { - font-style: normal; - } - .xl\:focus\:uppercase:focus { text-transform: uppercase; } @@ -28192,6 +28148,30 @@ table { text-transform: none; } + .xl\:underline { + text-decoration: underline; + } + + .xl\:line-through { + text-decoration: line-through; + } + + .xl\:no-underline { + text-decoration: none; + } + + .xl\:hover\:underline:hover { + text-decoration: underline; + } + + .xl\:hover\:line-through:hover { + text-decoration: line-through; + } + + .xl\:hover\:no-underline:hover { + text-decoration: none; + } + .xl\:focus\:underline:focus { text-decoration: underline; } @@ -28204,6 +28184,26 @@ table { text-decoration: none; } + .xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -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; diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index e204a0437..8715bf9ea 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -8,24 +8,24 @@ module.exports = { variants: { appearance: ['responsive'], backgroundAttachment: ['responsive'], - backgroundColors: ['responsive', 'hover', 'focus'], + backgroundColor: ['responsive', 'hover', 'focus'], backgroundPosition: ['responsive'], backgroundRepeat: ['responsive'], backgroundSize: ['responsive'], borderCollapse: [], - borderColors: ['responsive', 'hover', 'focus'], + borderColor: ['responsive', 'hover', 'focus'], borderRadius: ['responsive'], borderStyle: ['responsive'], - borderWidths: ['responsive'], + borderWidth: ['responsive'], cursor: ['responsive'], display: ['responsive'], flexbox: ['responsive'], float: ['responsive'], - fonts: ['responsive'], - fontWeights: ['responsive', 'hover', 'focus'], + fontFamily: ['responsive'], + fontWeight: ['responsive', 'hover', 'focus'], height: ['responsive'], leading: ['responsive'], - lists: ['responsive'], + listStyle: ['responsive'], margin: ['responsive'], maxHeight: ['responsive'], maxWidth: ['responsive'], @@ -41,14 +41,17 @@ module.exports = { pointerEvents: ['responsive'], position: ['responsive'], resize: ['responsive'], - shadows: ['responsive', 'hover', 'focus'], - svgFill: [], - svgStroke: [], + boxShadow: ['responsive', 'hover', 'focus'], + fill: [], + stroke: [], tableLayout: ['responsive'], textAlign: ['responsive'], - textColors: ['responsive', 'hover', 'focus'], - textSizes: ['responsive'], - textStyle: ['responsive', 'hover', 'focus'], + textColor: ['responsive', 'hover', 'focus'], + fontSize: ['responsive'], + fontStyle: ['responsive', 'hover', 'focus'], + textTransform: ['responsive', 'hover', 'focus'], + textDecoration: ['responsive', 'hover', 'focus'], + fontSmoothing: ['responsive', 'hover', 'focus'], tracking: ['responsive'], userSelect: ['responsive'], verticalAlign: ['responsive'], diff --git a/defaultTheme.js b/defaultTheme.js index 1a6d3a3ea..4137a4209 100644 --- a/defaultTheme.js +++ b/defaultTheme.js @@ -108,7 +108,7 @@ module.exports = function() { lg: '992px', xl: '1200px', }, - fonts: { + fontFamily: { sans: [ 'system-ui', 'BlinkMacSystemFont', @@ -137,7 +137,7 @@ module.exports = function() { ], mono: ['Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace'], }, - textSizes: { + fontSize: { xs: '.75rem', // 12px sm: '.875rem', // 14px base: '1rem', // 16px @@ -148,7 +148,7 @@ module.exports = function() { '4xl': '2.25rem', // 36px '5xl': '3rem', // 48px }, - fontWeights: { + fontWeight: { hairline: 100, thin: 200, light: 300, @@ -170,8 +170,8 @@ module.exports = function() { normal: '0', wide: '0.05em', }, - textColors: theme => theme.colors, - backgroundColors: theme => theme.colors, + textColor: theme => theme.colors, + backgroundColor: theme => theme.colors, backgroundPosition: { bottom: 'bottom', center: 'center', @@ -188,14 +188,14 @@ module.exports = function() { cover: 'cover', contain: 'contain', }, - borderWidths: { + borderWidth: { default: '1px', '0': '0', '2': '2px', '4': '4px', '8': '8px', }, - borderColors: theme => { + borderColor: theme => { return global.Object.assign({ default: theme.colors['grey-light'] }, theme.colors) }, borderRadius: { @@ -260,7 +260,7 @@ module.exports = function() { padding: theme => theme.spacing, margin: theme => ({ auto: 'auto', ...theme.spacing }), negativeMargin: theme => theme.spacing, - shadows: { + boxShadow: { default: '0 2px 4px 0 rgba(0,0,0,0.10)', md: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)', lg: '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)', @@ -284,10 +284,10 @@ module.exports = function() { '75': '.75', '100': '1', }, - svgFill: { + fill: { current: 'currentColor', }, - svgStroke: { + stroke: { current: 'currentColor', }, } diff --git a/plugins/backgroundColor.js b/plugins/backgroundColor.js new file mode 100644 index 000000000..c3ad7c700 --- /dev/null +++ b/plugins/backgroundColor.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/backgroundColor').default diff --git a/plugins/backgroundColors.js b/plugins/backgroundColors.js deleted file mode 100644 index c3928bee8..000000000 --- a/plugins/backgroundColors.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/backgroundColors').default diff --git a/plugins/borderColor.js b/plugins/borderColor.js new file mode 100644 index 000000000..006b437a4 --- /dev/null +++ b/plugins/borderColor.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/borderColor').default diff --git a/plugins/borderColors.js b/plugins/borderColors.js deleted file mode 100644 index 77bb95775..000000000 --- a/plugins/borderColors.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/borderColors').default diff --git a/plugins/borderWidth.js b/plugins/borderWidth.js new file mode 100644 index 000000000..baf1dade7 --- /dev/null +++ b/plugins/borderWidth.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/borderWidth').default diff --git a/plugins/borderWidths.js b/plugins/borderWidths.js deleted file mode 100644 index e61fea17f..000000000 --- a/plugins/borderWidths.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/borderWidths').default diff --git a/plugins/boxShadow.js b/plugins/boxShadow.js new file mode 100644 index 000000000..269127242 --- /dev/null +++ b/plugins/boxShadow.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/boxShadow').default diff --git a/plugins/fill.js b/plugins/fill.js new file mode 100644 index 000000000..b073d1f3d --- /dev/null +++ b/plugins/fill.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/fill').default diff --git a/plugins/fontFamily.js b/plugins/fontFamily.js new file mode 100644 index 000000000..917cd1572 --- /dev/null +++ b/plugins/fontFamily.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/fontFamily').default diff --git a/plugins/fontSize.js b/plugins/fontSize.js new file mode 100644 index 000000000..d271e7e1e --- /dev/null +++ b/plugins/fontSize.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/fontSize').default diff --git a/plugins/fontSmoothing.js b/plugins/fontSmoothing.js new file mode 100644 index 000000000..1ab5cdac3 --- /dev/null +++ b/plugins/fontSmoothing.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/fontSmoothing').default diff --git a/plugins/fontStyle.js b/plugins/fontStyle.js new file mode 100644 index 000000000..2f9965c50 --- /dev/null +++ b/plugins/fontStyle.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/fontStyle').default diff --git a/plugins/fontWeight.js b/plugins/fontWeight.js new file mode 100644 index 000000000..d5ab337c4 --- /dev/null +++ b/plugins/fontWeight.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/fontWeight').default diff --git a/plugins/fontWeights.js b/plugins/fontWeights.js deleted file mode 100644 index c6e1592a4..000000000 --- a/plugins/fontWeights.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/fontWeights').default diff --git a/plugins/fonts.js b/plugins/fonts.js deleted file mode 100644 index cc2b7b5d6..000000000 --- a/plugins/fonts.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/fonts').default diff --git a/plugins/listStyle.js b/plugins/listStyle.js new file mode 100644 index 000000000..ea0aba9a1 --- /dev/null +++ b/plugins/listStyle.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/listStyle').default diff --git a/plugins/lists.js b/plugins/lists.js deleted file mode 100644 index 3037be21b..000000000 --- a/plugins/lists.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/lists').default diff --git a/plugins/shadows.js b/plugins/shadows.js deleted file mode 100644 index 553a4c2ee..000000000 --- a/plugins/shadows.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/shadows').default diff --git a/plugins/stroke.js b/plugins/stroke.js new file mode 100644 index 000000000..a1a98e3c3 --- /dev/null +++ b/plugins/stroke.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/stroke').default diff --git a/plugins/svgFill.js b/plugins/svgFill.js deleted file mode 100644 index af6efaf7c..000000000 --- a/plugins/svgFill.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/svgFill').default diff --git a/plugins/svgStroke.js b/plugins/svgStroke.js deleted file mode 100644 index 24d667496..000000000 --- a/plugins/svgStroke.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/svgStroke').default diff --git a/plugins/textColor.js b/plugins/textColor.js new file mode 100644 index 000000000..de8d95813 --- /dev/null +++ b/plugins/textColor.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/textColor').default diff --git a/plugins/textColors.js b/plugins/textColors.js deleted file mode 100644 index 83a71ac99..000000000 --- a/plugins/textColors.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/textColors').default diff --git a/plugins/textDecoration.js b/plugins/textDecoration.js new file mode 100644 index 000000000..34531f72b --- /dev/null +++ b/plugins/textDecoration.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/textDecoration').default diff --git a/plugins/textSizes.js b/plugins/textSizes.js deleted file mode 100644 index 98c963892..000000000 --- a/plugins/textSizes.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/textSizes').default diff --git a/plugins/textStyle.js b/plugins/textStyle.js deleted file mode 100644 index b6c28b6cf..000000000 --- a/plugins/textStyle.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('../lib/plugins/textStyle').default diff --git a/plugins/textTransform.js b/plugins/textTransform.js new file mode 100644 index 000000000..83d065eee --- /dev/null +++ b/plugins/textTransform.js @@ -0,0 +1 @@ +module.exports = require('../lib/plugins/textTransform').default diff --git a/src/corePlugins.js b/src/corePlugins.js index ede2c9b04..ba2443042 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -1,22 +1,22 @@ import preflight from './plugins/preflight' -import lists from './plugins/lists' +import listStyle from './plugins/listStyle' import appearance from './plugins/appearance' import backgroundAttachment from './plugins/backgroundAttachment' -import backgroundColors from './plugins/backgroundColors' +import backgroundColor from './plugins/backgroundColor' import backgroundPosition from './plugins/backgroundPosition' import backgroundRepeat from './plugins/backgroundRepeat' import backgroundSize from './plugins/backgroundSize' import borderCollapse from './plugins/borderCollapse' -import borderColors from './plugins/borderColors' +import borderColor from './plugins/borderColor' import borderRadius from './plugins/borderRadius' import borderStyle from './plugins/borderStyle' -import borderWidths from './plugins/borderWidths' +import borderWidth from './plugins/borderWidth' import cursor from './plugins/cursor' import display from './plugins/display' import flexbox from './plugins/flexbox' import float from './plugins/float' -import fonts from './plugins/fonts' -import fontWeights from './plugins/fontWeights' +import fontFamily from './plugins/fontFamily' +import fontWeight from './plugins/fontWeight' import height from './plugins/height' import leading from './plugins/leading' import margin from './plugins/margin' @@ -34,14 +34,17 @@ import padding from './plugins/padding' import pointerEvents from './plugins/pointerEvents' import position from './plugins/position' import resize from './plugins/resize' -import shadows from './plugins/shadows' -import svgFill from './plugins/svgFill' -import svgStroke from './plugins/svgStroke' +import boxShadow from './plugins/boxShadow' +import fill from './plugins/fill' +import stroke from './plugins/stroke' import tableLayout from './plugins/tableLayout' import textAlign from './plugins/textAlign' -import textColors from './plugins/textColors' -import textSizes from './plugins/textSizes' -import textStyle from './plugins/textStyle' +import textColor from './plugins/textColor' +import fontSize from './plugins/fontSize' +import fontStyle from './plugins/fontStyle' +import textTransform from './plugins/textTransform' +import textDecoration from './plugins/textDecoration' +import fontSmoothing from './plugins/fontSmoothing' import tracking from './plugins/tracking' import userSelect from './plugins/userSelect' import verticalAlign from './plugins/verticalAlign' @@ -70,24 +73,24 @@ function loadPlugins({ theme, variants, corePlugins }, plugins) { export default function(config) { return loadPlugins(config, { preflight, - lists, + listStyle, appearance, backgroundAttachment, - backgroundColors, + backgroundColor, backgroundPosition, backgroundRepeat, backgroundSize, borderCollapse, - borderColors, + borderColor, borderRadius, borderStyle, - borderWidths, + borderWidth, cursor, display, flexbox, float, - fonts, - fontWeights, + fontFamily, + fontWeight, height, leading, margin, @@ -105,14 +108,17 @@ export default function(config) { pointerEvents, position, resize, - shadows, - svgFill, - svgStroke, + boxShadow, + fill, + stroke, tableLayout, textAlign, - textColors, - textSizes, - textStyle, + textColor, + fontSize, + fontStyle, + textTransform, + textDecoration, + fontSmoothing, tracking, userSelect, verticalAlign, diff --git a/src/plugins/backgroundColors.js b/src/plugins/backgroundColor.js similarity index 100% rename from src/plugins/backgroundColors.js rename to src/plugins/backgroundColor.js diff --git a/src/plugins/borderColors.js b/src/plugins/borderColor.js similarity index 100% rename from src/plugins/borderColors.js rename to src/plugins/borderColor.js diff --git a/src/plugins/borderWidths.js b/src/plugins/borderWidth.js similarity index 100% rename from src/plugins/borderWidths.js rename to src/plugins/borderWidth.js diff --git a/src/plugins/shadows.js b/src/plugins/boxShadow.js similarity index 100% rename from src/plugins/shadows.js rename to src/plugins/boxShadow.js diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css index 56a532c18..24d4dcc20 100644 --- a/src/plugins/css/preflight.css +++ b/src/plugins/css/preflight.css @@ -89,7 +89,7 @@ ul { *::after { border-width: 0; border-style: solid; - border-color: config('theme.borderColors.default', currentColor); + border-color: config('theme.borderColor.default', currentColor); } /** diff --git a/src/plugins/svgFill.js b/src/plugins/fill.js similarity index 100% rename from src/plugins/svgFill.js rename to src/plugins/fill.js diff --git a/src/plugins/fonts.js b/src/plugins/fontFamily.js similarity index 100% rename from src/plugins/fonts.js rename to src/plugins/fontFamily.js diff --git a/src/plugins/textSizes.js b/src/plugins/fontSize.js similarity index 100% rename from src/plugins/textSizes.js rename to src/plugins/fontSize.js diff --git a/src/plugins/fontSmoothing.js b/src/plugins/fontSmoothing.js new file mode 100644 index 000000000..d34fc6e8e --- /dev/null +++ b/src/plugins/fontSmoothing.js @@ -0,0 +1,17 @@ +export default function({ variants }) { + return function({ addUtilities }) { + addUtilities( + { + '.antialiased': { + '-webkit-font-smoothing': 'antialiased', + '-moz-osx-font-smoothing': 'grayscale', + }, + '.subpixel-antialiased': { + '-webkit-font-smoothing': 'auto', + '-moz-osx-font-smoothing': 'auto', + }, + }, + variants + ) + } +} diff --git a/src/plugins/fontStyle.js b/src/plugins/fontStyle.js new file mode 100644 index 000000000..760b040c8 --- /dev/null +++ b/src/plugins/fontStyle.js @@ -0,0 +1,11 @@ +export default function({ variants }) { + return function({ addUtilities }) { + addUtilities( + { + '.italic': { 'font-style': 'italic' }, + '.roman': { 'font-style': 'normal' }, + }, + variants + ) + } +} diff --git a/src/plugins/fontWeights.js b/src/plugins/fontWeight.js similarity index 100% rename from src/plugins/fontWeights.js rename to src/plugins/fontWeight.js diff --git a/src/plugins/lists.js b/src/plugins/listStyle.js similarity index 100% rename from src/plugins/lists.js rename to src/plugins/listStyle.js diff --git a/src/plugins/svgStroke.js b/src/plugins/stroke.js similarity index 100% rename from src/plugins/svgStroke.js rename to src/plugins/stroke.js diff --git a/src/plugins/textColors.js b/src/plugins/textColor.js similarity index 100% rename from src/plugins/textColors.js rename to src/plugins/textColor.js diff --git a/src/plugins/textDecoration.js b/src/plugins/textDecoration.js new file mode 100644 index 000000000..5217fd026 --- /dev/null +++ b/src/plugins/textDecoration.js @@ -0,0 +1,12 @@ +export default function({ variants }) { + return function({ addUtilities }) { + addUtilities( + { + '.underline': { 'text-decoration': 'underline' }, + '.line-through': { 'text-decoration': 'line-through' }, + '.no-underline': { 'text-decoration': 'none' }, + }, + variants + ) + } +} diff --git a/src/plugins/textStyle.js b/src/plugins/textStyle.js deleted file mode 100644 index a632d9145..000000000 --- a/src/plugins/textStyle.js +++ /dev/null @@ -1,29 +0,0 @@ -export default function({ variants }) { - return function({ addUtilities }) { - addUtilities( - { - '.italic': { 'font-style': 'italic' }, - '.roman': { 'font-style': 'normal' }, - - '.uppercase': { 'text-transform': 'uppercase' }, - '.lowercase': { 'text-transform': 'lowercase' }, - '.capitalize': { 'text-transform': 'capitalize' }, - '.normal-case': { 'text-transform': 'none' }, - - '.underline': { 'text-decoration': 'underline' }, - '.line-through': { 'text-decoration': 'line-through' }, - '.no-underline': { 'text-decoration': 'none' }, - - '.antialiased': { - '-webkit-font-smoothing': 'antialiased', - '-moz-osx-font-smoothing': 'grayscale', - }, - '.subpixel-antialiased': { - '-webkit-font-smoothing': 'auto', - '-moz-osx-font-smoothing': 'auto', - }, - }, - variants - ) - } -} diff --git a/src/plugins/textTransform.js b/src/plugins/textTransform.js new file mode 100644 index 000000000..8e5ed8439 --- /dev/null +++ b/src/plugins/textTransform.js @@ -0,0 +1,13 @@ +export default function({ variants }) { + return function({ addUtilities }) { + addUtilities( + { + '.uppercase': { 'text-transform': 'uppercase' }, + '.lowercase': { 'text-transform': 'lowercase' }, + '.capitalize': { 'text-transform': 'capitalize' }, + '.normal-case': { 'text-transform': 'none' }, + }, + variants + ) + } +}