add 'not-' variants for all pseudo-class variants (and include many t…

…ests)
brandonmcconnell · Mar 28, 2022 · a24f130 · a24f130
1 parent e361b3a
commit a24f130
Show file tree

Hide file tree

Showing 3 changed files with 788 additions and 23 deletions.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -147,6 +147,30 @@ export let variantPlugins = {
         return `:merge(.peer)${result} ~ &`
       })
     }
+
+    for (let [variantName, state] of pseudoVariants) {
+      addVariant(`not-${variantName}`, (ctx) => {
+        let result = typeof state === 'function' ? state(ctx) : state
+
+        return `&:not(${result})`
+      })
+    }
+
+    for (let [variantName, state] of pseudoVariants) {
+      addVariant(`group-not-${variantName}`, (ctx) => {
+        let result = typeof state === 'function' ? state(ctx) : state
+
+        return `:merge(.group):not(${result}) &`
+      })
+    }
+
+    for (let [variantName, state] of pseudoVariants) {
+      addVariant(`peer-not-${variantName}`, (ctx) => {
+        let result = typeof state === 'function' ? state(ctx) : state
+
+        return `:merge(.peer):not(${result}) ~ &`
+      })
+    }
   },
 
   directionVariants: ({ addVariant }) => {