fix(preset-mini): marker pesudo element (#3702)

unocss · Apr 11, 2024 · 0b4a901 · 0b4a901
1 parent f4ca55c
commit 0b4a901
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/packages/postcss/src/apply.ts b/packages/postcss/src/apply.ts
@@ -8,7 +8,7 @@ import { expandVariantGroup, notNull, regexScopePlaceholder } from '@unocss/core
 type Writeable<T> = { -readonly [P in keyof T]: T[P] }
 
 export async function parseApply(root: Root, uno: UnoGenerator, directiveName: string) {
-  const promises: Promise<unknown>[] = [];
+  const promises: Promise<unknown>[] = []
   root.walkAtRules(directiveName, (rule) => {
     promises.push((async () => {
       if (!rule.parent)
@@ -88,5 +88,5 @@ export async function parseApply(root: Root, uno: UnoGenerator, directiveName: s
       rule.remove()
     })())
   })
-  await Promise.all(promises);
+  await Promise.all(promises)
 }
diff --git a/packages/preset-mini/src/_variants/pseudo.ts b/packages/preset-mini/src/_variants/pseudo.ts
@@ -70,7 +70,7 @@ const PseudoClasses: Record<string, string> = Object.fromEntries([
   ['before', '::before'],
   ['after', '::after'],
   ['selection', '::selection'],
-  ['marker', '::marker'],
+  ['marker', ' ::marker'],
   ['file', '::file-selector-button'],
 ].map(key => Array.isArray(key) ? key : [key, `:${key}`]))
 

diff --git a/test/__snapshots__/order.test.ts.snap b/test/__snapshots__/order.test.ts.snap
@@ -20,8 +20,8 @@ exports[`order > multiple variant sorting 1`] = `
 
 exports[`order > pseudo-elements sorting 1`] = `
 "/* layer: default */
-.dark .dark\\:hover\\:file\\:marker\\:bg-red-600::file-selector-button:hover::marker{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}
-.dark .dark\\:file\\:marker\\:hover\\:bg-red-600:hover::file-selector-button::marker{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}"
+.dark .dark\\:hover\\:file\\:marker\\:bg-red-600 ::marker::file-selector-button:hover{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}
+.dark .dark\\:file\\:marker\\:hover\\:bg-red-600:hover ::marker::file-selector-button{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}"
 `;
 
 exports[`order > variant ordering 1`] = `

diff --git a/test/assets/output/preset-mini-targets.css b/test/assets/output/preset-mini-targets.css
@@ -179,7 +179,7 @@ unocss .scope-\[unocss\]\:block{display:block;}
 .hover\:is-first\:checked\:bg-true-gray\/10:checked:is(:first-child):hover{background-color:rgb(163 163 163 / 0.1);}
 .hover\:not-first\:checked\:bg-red\/10:checked:not(:first-child):hover{background-color:rgb(248 113 113 / 0.1);}
 .hover\:not-first\:checked\:bg-true-gray\/10:checked:not(:first-child):hover{background-color:rgb(163 163 163 / 0.1);}
-.marker\:bg-violet-200::marker{--un-bg-opacity:1;background-color:rgb(221 214 254 / var(--un-bg-opacity));}
+.marker\:bg-violet-200 ::marker{--un-bg-opacity:1;background-color:rgb(221 214 254 / var(--un-bg-opacity));}
 .file\:bg-violet-50::file-selector-button{--un-bg-opacity:1;background-color:rgb(245 243 255 / var(--un-bg-opacity));}
 .bg-opacity-\[--opacity-variable\],
 .bg-opacity-\$opacity-variable{--un-bg-opacity:var(--opacity-variable);}