Add divideWidth plugin

src/corePlugins.js

@@ -1,6 +1,7 @@
 import preflight from './plugins/preflight'
 import container from './plugins/container'
 import stack from './plugins/stack'
+import divideWidth from './plugins/divideWidth'
 import accessibility from './plugins/accessibility'
 import appearance from './plugins/appearance'
 import backgroundAttachment from './plugins/backgroundAttachment'
@@ -98,6 +99,7 @@ export default function({ corePlugins: corePluginConfig }) {
     preflight,
     container,
     stack,
+    divideWidth,
     accessibility,
     appearance,
     backgroundAttachment,

src/plugins/divideWidth.js

@@ -0,0 +1,20 @@
+import _ from 'lodash'
+
+export default function() {
+  return function({ addUtilities, e, theme, variants }) {
+    const generators = [
+      (value, modifier) => ({
+        [`.${e(`divide-y${modifier}`)} > * + *`]: { 'border-top-width': `${value}` },
+        [`.${e(`divide-x${modifier}`)} > * + *`]: { 'border-left-width': `${value}` },
+      }),
+    ]
+
+    const utilities = _.flatMap(generators, generator => {
+      return _.flatMap(theme('divideWidth'), (value, modifier) => {
+        return generator(value, modifier === 'default' ? '' : `-${modifier}`)
+      })
+    })
+
+    addUtilities(utilities, variants('divideWidth'))
+  }
+}