Add PostCSS display utilities

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),