From 59df88bc63998e719909a00653a00cb64bc3796f Mon Sep 17 00:00:00 2001
From: jd-solanki <jdsolanki0001@gmail.com>
Date: Sat, 18 Feb 2023 02:13:04 +0530
Subject: [PATCH] refactor: use spacing rule instead of CSS var for spacing

---
 docs/components/demos/list/DemoListSlots.vue   | 2 +-
 packages/preset-theme-default/src/shortcuts.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/demos/list/DemoListSlots.vue b/docs/components/demos/list/DemoListSlots.vue
index c8aeade2..cfb64108 100644
--- 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
index 7a652baf..3d198ac1 100644
--- 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',