Port visibility module to plugin

src/defaultPlugins.js

@@ -1,8 +1,10 @@
+import visibility from './plugins/visibility'
 import whitespace from './plugins/whitespace'
 import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  visibility(),
   whitespace(),
   width(),
   zIndex(),

src/generators/visibility.js

@@ -1,8 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    visible: { visibility: 'visible' },
-    invisible: { visibility: 'hidden' },
-  })
-}

src/plugins/visibility.js

@@ -0,0 +1,8 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.visible': { visibility: 'visible' },
+      '.invisible': { visibility: 'hidden' },
+    }, config('modules.visibility'))
+  }
+}

src/utilityModules.js

@@ -44,7 +44,6 @@ import textStyle from './generators/textStyle'
 import tracking from './generators/tracking'
 import userSelect from './generators/userSelect'
 import verticalAlign from './generators/verticalAlign'
-import visibility from './generators/visibility'
 
 export default [
   { name: 'lists', generator: lists },
@@ -93,5 +92,4 @@ export default [
   { name: 'tracking', generator: tracking },
   { name: 'userSelect', generator: userSelect },
   { name: 'verticalAlign', generator: verticalAlign },
-  { name: 'visibility', generator: visibility },
 ]