From c81c9cb4008129e8a0c021da7180fed02ff319bc Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 24 Apr 2019 00:42:05 +0100
Subject: [PATCH] Add tailwindcss-interaction-variants plugin

---
 package.json       |  1 +
 tailwind.config.js | 12 +++++++++++-
 yarn.lock          |  7 +++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d8be43c..2625c63 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "core-js": "^2.6.5",
+    "tailwindcss-interaction-variants": "^2.0.0-beta.1",
     "vue": "^2.6.10",
     "vue-router": "^3.0.3"
   },
diff --git a/tailwind.config.js b/tailwind.config.js
index 38d3402..3a262b1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,7 @@
+require('tailwindcss-interaction-variants')
+
+const defaultConfig = require('tailwindcss/defaultConfig')
+
 module.exports = {
   theme: {
     extend: {
@@ -6,5 +10,11 @@ module.exports = {
         inherit: 'inherit'
       }
     }
-  }
+  },
+  variants: {
+    backgroundColor: [...defaultConfig.variants.backgroundColor, 'hocus', 'group-hocus']
+  },
+  plugins: [
+    require('tailwindcss-interaction-variants')(),
+  ]
 }
diff --git a/yarn.lock b/yarn.lock
index 1adf7b0..6016fd9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9011,6 +9011,13 @@ table@^5.2.3:
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
+tailwindcss-interaction-variants@^2.0.0-beta.1:
+  version "2.0.0-beta.1"
+  resolved "https://registry.yarnpkg.com/tailwindcss-interaction-variants/-/tailwindcss-interaction-variants-2.0.0-beta.1.tgz#4d6e5eb3bb4014b3d9b0ca7a757872e4a4ebae37"
+  integrity sha512-SnBByo9VVJ2NMYQos2ChPEFYCljyp0rQpy4WnUW03dqr+u3aBccDS7uRR7rgwH97uOeCPYYFlZYjv2DnHc1fDw==
+  dependencies:
+    lodash "^4.17.11"
+
 tailwindcss@^1.0.0-beta.5:
   version "1.0.0-beta.5"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.0.0-beta.5.tgz#0dd211b826ec1d26d3c0f33ba9aec036ddecf544"