Add PostCSS text style utilities

dist/tailwind.css

@@ -299,6 +299,36 @@ body {
   text-align: justify;
 }
 
+.text-em {
+  font-style: italic;
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+.text-lowercase {
+  text-transform: lowercase;
+}
+
+.text-capitalize {
+  text-transform: capitalize;
+}
+
+.text-underline {
+  text-decoration: underline;
+}
+
+.text-strike {
+  text-decoration: line-through;
+}
+
+.text-normal {
+  text-decoration: none;
+  text-transform: none;
+  font-style: normal;
+}
+
 .align-baseline {
   vertical-align: baseline;
 }
@@ -1489,6 +1519,36 @@ body {
     text-align: justify;
   }
 
+  .sm\:text-em {
+    font-style: italic;
+  }
+
+  .sm\:text-uppercase {
+    text-transform: uppercase;
+  }
+
+  .sm\:text-lowercase {
+    text-transform: lowercase;
+  }
+
+  .sm\:text-capitalize {
+    text-transform: capitalize;
+  }
+
+  .sm\:text-underline {
+    text-decoration: underline;
+  }
+
+  .sm\:text-strike {
+    text-decoration: line-through;
+  }
+
+  .sm\:text-normal {
+    text-decoration: none;
+    text-transform: none;
+    font-style: normal;
+  }
+
   .sm\:align-baseline {
     vertical-align: baseline;
   }
@@ -2680,6 +2740,36 @@ body {
     text-align: justify;
   }
 
+  .md\:text-em {
+    font-style: italic;
+  }
+
+  .md\:text-uppercase {
+    text-transform: uppercase;
+  }
+
+  .md\:text-lowercase {
+    text-transform: lowercase;
+  }
+
+  .md\:text-capitalize {
+    text-transform: capitalize;
+  }
+
+  .md\:text-underline {
+    text-decoration: underline;
+  }
+
+  .md\:text-strike {
+    text-decoration: line-through;
+  }
+
+  .md\:text-normal {
+    text-decoration: none;
+    text-transform: none;
+    font-style: normal;
+  }
+
   .md\:align-baseline {
     vertical-align: baseline;
   }
@@ -3871,6 +3961,36 @@ body {
     text-align: justify;
   }
 
+  .lg\:text-em {
+    font-style: italic;
+  }
+
+  .lg\:text-uppercase {
+    text-transform: uppercase;
+  }
+
+  .lg\:text-lowercase {
+    text-transform: lowercase;
+  }
+
+  .lg\:text-capitalize {
+    text-transform: capitalize;
+  }
+
+  .lg\:text-underline {
+    text-decoration: underline;
+  }
+
+  .lg\:text-strike {
+    text-decoration: line-through;
+  }
+
+  .lg\:text-normal {
+    text-decoration: none;
+    text-transform: none;
+    font-style: normal;
+  }
+
   .lg\:align-baseline {
     vertical-align: baseline;
   }
@@ -5062,6 +5182,36 @@ body {
     text-align: justify;
   }
 
+  .xl\:text-em {
+    font-style: italic;
+  }
+
+  .xl\:text-uppercase {
+    text-transform: uppercase;
+  }
+
+  .xl\:text-lowercase {
+    text-transform: lowercase;
+  }
+
+  .xl\:text-capitalize {
+    text-transform: capitalize;
+  }
+
+  .xl\:text-underline {
+    text-decoration: underline;
+  }
+
+  .xl\:text-strike {
+    text-decoration: line-through;
+  }
+
+  .xl\:text-normal {
+    text-decoration: none;
+    text-transform: none;
+    font-style: normal;
+  }
+
   .xl\:align-baseline {
     vertical-align: baseline;
   }

src/_less/utilities/text.less

@@ -4,14 +4,10 @@
 .define-text-hover-colors(@text-colors; @screens);
 
 // Styles
-.text-em { font-style: italic; }
-.text-uppercase { text-transform: uppercase; }
-.text-underline { text-decoration: underline; }
 .text-break { white-space: pre-line; }
 .text-no-wrap { white-space: nowrap; }
 .text-force-wrap { word-wrap: break-word; }
 .text-smooth { -webkit-font-smoothing: antialiased; }
-.text-strike { text-decoration: line-through; }
 .text-shadow-solid { text-shadow: 0 2px 0 rgba(0,0,0,0.15); }
 .text-ellipsis {
   overflow: hidden;

src/generators/textStyle.js

@@ -0,0 +1,17 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'text-em': { 'font-style': 'italic' },
+    'text-uppercase': { 'text-transform': 'uppercase' },
+    'text-lowercase': { 'text-transform': 'lowercase' },
+    'text-capitalize': { 'text-transform': 'capitalize' },
+    'text-underline': { 'text-decoration': 'underline' },
+    'text-strike': { 'text-decoration': 'line-through' },
+    'text-normal': {
+      'text-decoration': 'none',
+      'text-transform': 'none',
+      'font-style': 'normal',
+    },
+  })
+}

src/lib/generateUtilities.js

@@ -7,6 +7,7 @@ import textColors from '../generators/textColors'
 import textLeading from '../generators/textLeading'
 import textTracking from '../generators/textTracking'
 import textAlign from '../generators/textAlign'
+import textStyle from '../generators/textStyle'
 import verticalAlign from '../generators/verticalAlign'
 import backgroundColors from '../generators/backgroundColors'
 import backgroundSize from '../generators/backgroundSize'
@@ -33,6 +34,7 @@ export default function(options) {
           textLeading(options),
           textTracking(options),
           textAlign(options),
+          textStyle(options),
           verticalAlign(options),
           backgroundColors(options),
           backgroundSize(options),