Add plugins

package.json

@@ -12,5 +12,9 @@
     "laravel-mix": "^4.0.14",
     "laravel-mix-tailwind": "^0.1.0",
     "tailwindcss": "^0.7.4"
+  },
+  "dependencies": {
+    "tailwindcss-interaction-variants": "^1.0.0",
+    "tailwindcss-spaced-items": "^0.1.0"
   }
 }

tailwind.js

@@ -11,7 +11,14 @@ module.exports = {
   textColors: colors,
   backgroundColors: colors,
   borderColors: Object.assign({ default: colors['grey-light'] }, colors),
-  plugins: [],
+  plugins: [
+    require('tailwindcss-interaction-variants')(),
+    require('tailwindcss-spaced-items')(),
+  ],
+  modules: {
+    ...defaultConfig.modules,
+    textStyle: ['responsive', 'hover', 'focus', 'hocus'],
+  },
   options: {
     ...defaultConfig.options,
     prefix: 'tw-',

yarn.lock

@@ -5963,6 +5963,18 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+tailwindcss-interaction-variants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-interaction-variants/-/tailwindcss-interaction-variants-1.0.0.tgz#85370e272b5365090fd83e2ad6a607f415da487d"
+  integrity sha512-HhTyil7E6eZcfRFtit8ViPnLp5QRrSg/s++gIZu0Nj2oqXiK1zESqVaJl12j5gNNkCxDUpwO0iyZxya/Gs6dww==
+  dependencies:
+    lodash "^4.17.11"
+
+tailwindcss-spaced-items@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-spaced-items/-/tailwindcss-spaced-items-0.1.0.tgz#e7f381e5c780a034bcdbc38a6a2cfb31f828a020"
+  integrity sha512-YiT1h89fp13r6I+EBM8wS1RWfsTwzHSi4BAnHoTXXQK1GQ53DUCPeFNmiksYSdx2aQLMdp/DTPvErqBVfTALiQ==
+
 tailwindcss@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-0.7.4.tgz#fb7926821d42eacdc12e6621a49d21f37a3ff9e9"