Add PostCSS display utilities

dist/tailwind.css

@@ -595,6 +595,34 @@ body {
   border-top-left-radius: 9999px;
 }
 
+.block {
+  display: block;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.inline {
+  display: inline;
+}
+
+.table {
+  display: table;
+}
+
+.table-row {
+  display: table-row;
+}
+
+.table-cell {
+  display: table-cell;
+}
+
+.hidden {
+  display: none;
+}
+
 .fixed {
   position: fixed;
 }
@@ -1449,6 +1477,34 @@ body {
     border-top-left-radius: 9999px;
   }
 
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:table {
+    display: table;
+  }
+
+  .sm\:table-row {
+    display: table-row;
+  }
+
+  .sm\:table-cell {
+    display: table-cell;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+
   .sm\:fixed {
     position: fixed;
   }
@@ -2304,6 +2360,34 @@ body {
     border-top-left-radius: 9999px;
   }
 
+  .md\:block {
+    display: block;
+  }
+
+  .md\:inline-block {
+    display: inline-block;
+  }
+
+  .md\:inline {
+    display: inline;
+  }
+
+  .md\:table {
+    display: table;
+  }
+
+  .md\:table-row {
+    display: table-row;
+  }
+
+  .md\:table-cell {
+    display: table-cell;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+
   .md\:fixed {
     position: fixed;
   }
@@ -3159,6 +3243,34 @@ body {
     border-top-left-radius: 9999px;
   }
 
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:inline-block {
+    display: inline-block;
+  }
+
+  .lg\:inline {
+    display: inline;
+  }
+
+  .lg\:table {
+    display: table;
+  }
+
+  .lg\:table-row {
+    display: table-row;
+  }
+
+  .lg\:table-cell {
+    display: table-cell;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
   .lg\:fixed {
     position: fixed;
   }
@@ -4014,6 +4126,34 @@ body {
     border-top-left-radius: 9999px;
   }
 
+  .xl\:block {
+    display: block;
+  }
+
+  .xl\:inline-block {
+    display: inline-block;
+  }
+
+  .xl\:inline {
+    display: inline;
+  }
+
+  .xl\:table {
+    display: table;
+  }
+
+  .xl\:table-row {
+    display: table-row;
+  }
+
+  .xl\:table-cell {
+    display: table-cell;
+  }
+
+  .xl\:hidden {
+    display: none;
+  }
+
   .xl\:fixed {
     position: fixed;
   }

src/generators/display.js

@@ -0,0 +1,27 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'block': {
+      'display': 'block',
+    },
+    'inline-block': {
+      'display': 'inline-block',
+    },
+    'inline': {
+      'display': 'inline',
+    },
+    'table': {
+      'display': 'table',
+    },
+    'table-row': {
+      'display': 'table-row',
+    },
+    'table-cell': {
+      'display': 'table-cell',
+    },
+    'hidden': {
+      'display': 'none',
+    },
+  })
+}

src/lib/generateUtilities.js

@@ -6,6 +6,7 @@ import borderWidths from '../generators/borderWidths'
 import borderColors from '../generators/borderColors'
 import borderStyles from '../generators/borderStyles'
 import rounded from '../generators/rounded'
+import display from '../generators/display'
 import position from '../generators/position'
 import overflow from '../generators/overflow'
 import constrain from '../generators/constrain'
@@ -23,6 +24,7 @@ export default function(options) {
           borderColors(options),
           borderStyles(options),
           rounded(options),
+          display(options),
           position(options),
           overflow(options),
           constrain(options),