refactor: use spacing rule instead of CSS var for spacing

therealokoro · Feb 17, 2023 · 59df88b · 59df88b
1 parent 0b6cb81
commit 59df88b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/docs/components/demos/list/DemoListSlots.vue b/docs/components/demos/list/DemoListSlots.vue
@@ -23,7 +23,7 @@ const items = [
         <template #append="{ index }">
           <ABtn
             variant="outline"
-            class="text-sm opacity-35 min-h-[24px] [--a-spacing:.5]"
+            class="text-sm opacity-35 min-h-[24px] spacing-50"
             color="default"
             :states="false"
           >

diff --git a/packages/preset-theme-default/src/shortcuts.ts b/packages/preset-theme-default/src/shortcuts.ts
@@ -133,7 +133,7 @@ const shortcuts: Exclude<Preset['shortcuts'], undefined | StaticShortcutMap> = [
     // 👉 Select
     'a-select-floating': '[--a-transition-slide-up-transform:6px]',
     'a-select-options-container': '',
-    'a-select-options-list': '[--a-spacing:0.75]',
+    'a-select-options-list': 'spacing-75',
 
     // 👉 Switch
     'a-switch': 'select-none',