feat: add 'marker:' variant (#635)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
windicss · Dec 29, 2021 · ff6f698 · ff6f698
1 parent 9529357
commit ff6f698
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/src/config/order.ts b/src/config/order.ts
@@ -46,6 +46,7 @@ export const variantOrder = [
   'file-selector-button',
   'file',
   'selection',
+  'marker',
   'svg',
   'all',
   'children',

diff --git a/src/lib/variants/state.ts b/src/lib/variants/state.ts
@@ -62,6 +62,7 @@ export function generateStates (
     'file-selector-button': () => new Style().pseudoElement('file-selector-button'),
     file: () => new Style().pseudoElement('file-selector-button'),
     selection: () => new Style().pseudoElement('selection'),
+    marker: () => new Style().wrapSelector(selector => `${selector} *::marker, ${selector}::marker`),
 
     svg: () => new Style().child('svg'),
     all: () => new Style().child('*'),

diff --git a/test/processor/__snapshots__/variant.test.ts.yml b/test/processor/__snapshots__/variant.test.ts.yml
@@ -86,6 +86,7 @@ Tools / generate states / all / 0: |-
     "file-selector-button": ".test::file-selector-button {\n  background: #1C1C1E;\n}",
     "file": ".test::file-selector-button {\n  background: #1C1C1E;\n}",
     "selection": ".test::selection {\n  background: #1C1C1E;\n}",
+    "marker": ".test *::marker, .test::marker {\n  background: #1C1C1E;\n}",
     "svg": ".test svg {\n  background: #1C1C1E;\n}",
     "all": ".test * {\n  background: #1C1C1E;\n}",
     "children": ".test > * {\n  background: #1C1C1E;\n}",

diff --git a/test/processor/resolve.test.ts b/test/processor/resolve.test.ts
@@ -29,7 +29,7 @@ describe('Resolve Tests', () => {
       'even-of-type',      'odd-of-type',      'root',
       'empty',             'before',           'after',
       'first-letter',      'first-line',       'file-selector-button',
-      'file',              'selection',        'svg',
+      'file',              'selection',        'marker',           'svg',
       'all',               'children',         'siblings',
       'sibling',           'ltr',              'rtl',
       'group-hover',       'group-focus',      'group-active',