chore: Add a plugin to style child elements from the parent element

open-sauced · Jul 9, 2022 · d529e43 · d529e43
1 parent 50e3401
commit d529e43
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -7,5 +7,12 @@ module.exports = {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [
+    function ({ addVariant }) {
+      addVariant('child', '& > *');
+      addVariant('child-hover', '& > *:hover');
+      addVariant('child-active', '& > *:active');
+      addVariant('child-focus', '& > *:focus');
+    }
+  ],
 }