Port width and whitespace modules to plugins

src/plugins/whitespace.js

@@ -0,0 +1,20 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.whitespace-normal': { 'white-space': 'normal' },
+      '.whitespace-no-wrap': { 'white-space': 'nowrap' },
+      '.whitespace-pre': { 'white-space': 'pre' },
+      '.whitespace-pre-line': { 'white-space': 'pre-line' },
+      '.whitespace-pre-wrap': { 'white-space': 'pre-wrap' },
+
+      '.break-words': { 'word-wrap': 'break-word' },
+      '.break-normal': { 'word-wrap': 'normal' },
+
+      '.truncate': {
+        overflow: 'hidden',
+        'text-overflow': 'ellipsis',
+        'white-space': 'nowrap',
+      },
+    }, config('modules.whitespace'))
+  }
+}

src/plugins/width.js

@@ -0,0 +1,13 @@
+import _ from 'lodash'
+
+export default function () {
+  return function ({ addUtilities, config, e }) {
+    const utilities = _.fromPairs(_.map(config('width'), (value, modifier) => {
+      return [`.${e(`w-${modifier}`)}`, {
+        'width': value,
+      }]
+    }))
+
+    addUtilities(utilities, config('modules.width'))
+  }
+}