feat: Support arbitrary variants in extension CSS

vriteio · May 6, 2024 · c07b432 · c07b432
1 parent 01c90f5
commit c07b432
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/packages/backend/package.json b/packages/backend/package.json
@@ -32,6 +32,7 @@
     "@types/nodemailer": "^6.4.14",
     "@types/ws": "^8.5.10",
     "@unocss/core": "^0.59.0",
+    "@unocss/extractor-arbitrary-variants": "^0.59.4",
     "@unocss/preset-typography": "^0.59.0",
     "@unocss/preset-wind": "^0.59.0",
     "@unocss/transformer-compile-class": "^0.59.0",

diff --git a/packages/backend/src/routes/utils/handlers/generate-css.ts b/packages/backend/src/routes/utils/handlers/generate-css.ts
@@ -4,6 +4,7 @@ import transformerCompileClass from "@unocss/transformer-compile-class";
 import transformerVariantGroup from "@unocss/transformer-variant-group";
 import presetWind from "@unocss/preset-wind";
 import presetTypography from "@unocss/preset-typography";
+import extractorArbitrary from "@unocss/extractor-arbitrary-variants";
 import { Context } from "#lib/context";
 
 const inputSchema = z.object({ cssString: z.string(), uid: z.string().optional() });
@@ -21,6 +22,7 @@ const handler = async (
           `${darkSubSelectorIndex >= 0 ? ".dark " : ""}${input.uid ? `[data-uid="${input.uid}"]` : ""} ${darkSubSelectorIndex >= 0 ? obj.selector.substring(darkSubSelectorIndex + 6) : obj.selector}`.trim();
       }
     ],
+    extractors: [extractorArbitrary],
     layers: {
       "b1": -3,
       "b2": -2,

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml