rem to em

Signed-off-by: Ryan Wang <i@ryanc.cc>
halo-dev · Aug 8, 2024 · c84833d · c84833d
1 parent 5fc02c6
commit c84833d
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/packages/search-widget/uno.config.ts b/packages/search-widget/uno.config.ts
@@ -1,12 +1,29 @@
 import {
   defineConfig,
+  definePreset,
   presetIcons,
   presetUno,
   transformerCompileClass,
   transformerDirectives,
 } from 'unocss';
+
+const remRE = /(-?[.\d]+)rem/g;
+
+const presetRemToEm = definePreset(() => {
+  return {
+    name: '@unocss/preset-rem-to-em',
+    postprocess: (util) => {
+      util.entries.forEach((i) => {
+        const value = i[1];
+        if (typeof value === 'string' && remRE.test(value))
+          i[1] = value.replace(remRE, (_, p1) => `${p1}em`);
+      });
+    },
+  };
+});
+
 export default defineConfig({
-  presets: [presetUno(), presetIcons()],
+  presets: [presetUno(), presetIcons(), presetRemToEm()],
   transformers: [transformerDirectives(), transformerCompileClass()],
   theme: {
     colors: {