BREAKING: .child class no longer needed on child element.

Sam Goody · Sam Goody · commit 1d83f09d77f5 · 2022-05-04T18:21:35.000+03:00
diff --git a/README.md b/README.md
@@ -276,6 +276,30 @@ The idea was to set a flag that the styles and events that applied to the first
 4. No custom attributes, which excludes the "better children solution" above.
 I might eventually implement it, even though it is not a tailwind style rule at all. Feel free to not use.
 
+## Changes from earlier versions.
+
+#### Matching selector on child
+
+Earlier versions limitted matching children to those havng a class `.child`.  
+Basically opt-in to have a style applied.
+
+This matched the styles in peer, group, theme, etc.
+
+```html
+<body class="dark">
+    <p class="dark:shadow">p has shadow when dark theme enabled</p>
+</body>
+
+<input class="peer">
+<p class="peer-hover:shadow">p has shadow when hovering on input</p>
+
+<div class="group">
+    <p class="group-hover:shadow">p has shadow when hovering over div</p>
+</div>
+```
+
+However, we now offer much more flexibility with limitations and overrides, and the old sytax was usually not the desired one, so we dropped it.  Besides, this matches typography. :)
+
 # Contributing
 
 Please open issues, file bug reports, give me your opinions on variant names, default styles and behaviors, and whatever else you can think of. There are a lot of good things input can add!
diff --git a/dist/index.js b/dist/index.js
@@ -84,7 +84,7 @@ let variants = psuedo.flatMap(([pstate, pclass, pselector]) => aliases.flatMap((
   `${newvariant}-${pstate}`,
   `${prefix} .${newvariant}` + (pselector || `:${pclass}`)
 ])));
-let basic = aliases.flatMap(([k, v]) => v.map((i) => [i, `${k} .${i}`]));
+let basic = aliases.flatMap(([k, v]) => v.map((i) => [i, `${k} :where(:not(.not-${i}))`]));
 variants.unshift(...basic);
 const els = [
   "address",
diff --git a/src/index.mjs b/src/index.mjs
@@ -45,7 +45,7 @@ let variants = psuedo.flatMap(([pstate, pclass, pselector]) =>
             ])))
 
 let basic = aliases
-    .flatMap(([k, v]) => v.map(i => [i, `${k} :where(.${i})`]));
+    .flatMap(([k, v]) => v.map(i => [i, `${k} :where(:not(.not-${i}))`]));
 
 variants.unshift(...basic);
 
