chore: fix #681

This makes the 'selection:' variant inheritable
windicss · Feb 3, 2022 · 9990132 · 9990132
1 parent dec4a6a
commit 9990132
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/variants/state.ts b/src/lib/variants/state.ts
@@ -4,7 +4,7 @@ import { Style } from '../../utils/style';
  * https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
  */
 
-export function generateStates (
+export function generateStates(
   variantOrder: string[]
 ): { [key: string]: () => Style } {
   const states: { [key: string]: () => Style } = {
@@ -61,7 +61,7 @@ export function generateStates (
     'first-line': () => new Style().pseudoElement('first-line'),
     'file-selector-button': () => new Style().pseudoElement('file-selector-button'),
     file: () => new Style().pseudoElement('file-selector-button'),
-    selection: () => new Style().pseudoElement('selection'),
+    selection: () => new Style().wrapSelector(selector => `${selector} *::selection, ${selector}::selection`),
     marker: () => new Style().wrapSelector(selector => `${selector} *::marker, ${selector}::marker`),
 
     svg: () => new Style().child('svg'),