Port tableLayout module to plugin

src/defaultPlugins.js

@@ -1,3 +1,4 @@
+import tableLayout from './plugins/tableLayout'
 import textAlign from './plugins/textAlign'
 import textColors from './plugins/textColors'
 import textSizes from './plugins/textSizes'
@@ -11,6 +12,7 @@ import width from './plugins/width'
 import zIndex from './plugins/zIndex'
 
 export default [
+  tableLayout(),
   textAlign(),
   textColors(),
   textSizes(),

src/generators/tableLayout.js

@@ -1,8 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'table-auto': { 'table-layout': 'auto' },
-    'table-fixed': { 'table-layout': 'fixed' },
-  })
-}

src/plugins/tableLayout.js

@@ -0,0 +1,8 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.table-auto': { 'table-layout': 'auto' },
+      '.table-fixed': { 'table-layout': 'fixed' },
+    }, config('modules.tableLayout'))
+  }
+}

src/utilityModules.js

@@ -36,7 +36,6 @@ import resize from './generators/resize'
 import shadows from './generators/shadows'
 import svgFill from './generators/svgFill'
 import svgStroke from './generators/svgStroke'
-import tableLayout from './generators/tableLayout'
 
 export default [
   { name: 'lists', generator: lists },
@@ -77,5 +76,4 @@ export default [
   { name: 'shadows', generator: shadows },
   { name: 'svgFill', generator: svgFill },
   { name: 'svgStroke', generator: svgStroke },
-  { name: 'tableLayout', generator: tableLayout },
 ]