Add focus-visible-within for group (parent) and peer (sibling) (#2

)
cloudnode-pro · Mar 26, 2024 · e358b76 · e358b76
2 parents 3d104ed + 2a2b93a
commit e358b76
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -1,5 +1,7 @@
-const plugin = require('tailwindcss/plugin');
+const plugin = require("tailwindcss/plugin");
 
 module.exports = plugin(function ({addVariant}) {
-    addVariant('focus-visible-within', ['&:has(:focus-visible)'])
+    addVariant("focus-visible-within", ["&:has(:focus-visible)"]);
+    addVariant("group-focus-visible-within", ":merge(.group):has(:focus-visible) &");
+    addVariant("peer-focus-visible-within", ":merge(.peer):has(:focus-visible) ~ &");
 });