Port borderStyle module to plugin

src/defaultPlugins.js

@@ -1,3 +1,4 @@
+import borderStyle from './plugins/borderStyle'
 import borderWidths from './plugins/borderWidths'
 import cursor from './plugins/cursor'
 import display from './plugins/display'
@@ -40,6 +41,7 @@ import zIndex from './plugins/zIndex'
 
 export default function (config) {
   return [
+    config.modules.borderStyle === false ? () => {} : borderStyle(),
     config.modules.borderWidths === false ? () => {} : borderWidths(),
     config.modules.cursor === false ? () => {} : cursor(),
     config.modules.display === false ? () => {} : display(),

src/generators/borderStyle.js

@@ -1,18 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'border-solid': {
-      'border-style': 'solid',
-    },
-    'border-dashed': {
-      'border-style': 'dashed',
-    },
-    'border-dotted': {
-      'border-style': 'dotted',
-    },
-    'border-none': {
-      'border-style': 'none',
-    },
-  })
-}

src/plugins/borderStyle.js

@@ -0,0 +1,18 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.border-solid': {
+        'border-style': 'solid',
+      },
+      '.border-dashed': {
+        'border-style': 'dashed',
+      },
+      '.border-dotted': {
+        'border-style': 'dotted',
+      },
+      '.border-none': {
+        'border-style': 'none',
+      },
+    }, config('modules.borderStyle'))
+  }
+}

src/utilityModules.js

@@ -8,7 +8,6 @@ import backgroundSize from './generators/backgroundSize'
 import borderCollapse from './generators/borderCollapse'
 import borderColors from './generators/borderColors'
 import borderRadius from './generators/borderRadius'
-import borderStyle from './generators/borderStyle'
 
 export default [
   { name: 'lists', generator: lists },
@@ -21,5 +20,4 @@ export default [
   { name: 'borderCollapse', generator: borderCollapse },
   { name: 'borderColors', generator: borderColors },
   { name: 'borderRadius', generator: borderRadius },
-  { name: 'borderStyle', generator: borderStyle },
 ]