From 4919cd13d313f67303df60f7b44477952cc1b50f Mon Sep 17 00:00:00 2001
From: thehrz <thehrz@outlook.com>
Date: Tue, 3 Oct 2023 21:56:18 +0800
Subject: [PATCH] pref(button): update styles

---
 src/assets/global.scss    |  9 ++++-----
 src/components/button.vue | 12 ++++++------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/assets/global.scss b/src/assets/global.scss
index ec74329..459b0b8 100644
--- a/src/assets/global.scss
+++ b/src/assets/global.scss
@@ -1,13 +1,12 @@
 @import url("https://cdn.staticfile.org/hack-font/3.3.0/web/hack.min.css");
 
 * {
-  padding: 0;
-  margin: 0;
+  --at-apply: p-0 m-0 box-border;
 }
 
 body {
-  font-family: "Hack", Inter, ui-monospace, SFMono-Regular,
-    Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --uno: flex items-center justify-center min-h-screen min-w-screen text-4
+  font-family: "Hack", Inter, ui-monospace, SFMono-Regular, Menlo, Monaco,
+    Consolas, "Liberation Mono", "Courier New", monospace;
+  --at-apply: flex items-center justify-center min-h-screen min-w-screen text-4
     leading-24px font-synthesis-none select-none;
 }
diff --git a/src/components/button.vue b/src/components/button.vue
index 62116f1..bdc1851 100644
--- a/src/components/button.vue
+++ b/src/components/button.vue
@@ -1,9 +1,5 @@
 <template>
-  <a
-    class="bg-white border-solid border-2 border-#dcdfe6 c-black decoration-none flex items-center rounded text-4 h-11 px-3 shadow"
-    target="_blank"
-    :href="to"
-  >
+  <a target="_blank" :href="to">
     <div v-if="icon" :class="icon" class="h-24px w-24px" />
     <div class="ml-2" />
     <slot />
@@ -17,4 +13,8 @@ defineProps<{
 }>()
 </script>
 
-<style scoped></style>
+<style scoped>
+a {
+  --at-apply: bg-white active:bg-neutral-200 hover:border-3 border-solid border-2 border-light-950 c-coolgray-700 decoration-none flex items-center rounded text-4 h-11 px-3 shadow;
+}
+</style>