Merge pull request #656 from tailwindcss/rename-plugins

Rename core plugins to closer mirror CSS properties and modules

__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;

__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;

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'],

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',
     },
   }

plugins/backgroundColor.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/backgroundColor').default

plugins/backgroundColors.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/backgroundColors').default

plugins/borderColor.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/borderColor').default

plugins/borderColors.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/borderColors').default

plugins/borderWidth.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/borderWidth').default

plugins/borderWidths.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/borderWidths').default

plugins/boxShadow.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/boxShadow').default

plugins/fill.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/fill').default

plugins/fontFamily.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/fontFamily').default

plugins/fontSize.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/fontSize').default

plugins/fontSmoothing.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/fontSmoothing').default

plugins/fontStyle.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/fontStyle').default

plugins/fontWeight.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/fontWeight').default

plugins/fontWeights.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/fontWeights').default

plugins/fonts.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/fonts').default

plugins/listStyle.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/listStyle').default

plugins/lists.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/lists').default

plugins/shadows.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/shadows').default

plugins/stroke.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/stroke').default

plugins/svgFill.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/svgFill').default

plugins/svgStroke.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/svgStroke').default

plugins/textColor.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/textColor').default

plugins/textColors.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/textColors').default

plugins/textDecoration.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/textDecoration').default

plugins/textSizes.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/textSizes').default

plugins/textStyle.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/textStyle').default

plugins/textTransform.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/textTransform').default

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,

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);
 }
 
 /**

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
+    )
+  }
+}

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
+    )
+  }
+}

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
+    )
+  }
+}

src/plugins/textStyle.js

@@ -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
-    )
-  }
-}

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
+    )
+  }
+}