From d424a6631a593effb794a582d3700c81c3211065 Mon Sep 17 00:00:00 2001
From: shibao <shibao@bubbletea.dev>
Date: Fri, 10 Sep 2021 21:37:09 -0400
Subject: [PATCH] add btn and link styles

---
 assets/css/components.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/assets/css/components.scss b/assets/css/components.scss
index 2b278e81..a3c393d4 100644
--- a/assets/css/components.scss
+++ b/assets/css/components.scss
@@ -1,6 +1,6 @@
 @layer components {
   .input {
-    @apply rounded-lg px-4 py-2 border;
+    @apply rounded-lg px-4 py-2 border focus:outline-none;
     @apply shadow-sm focus:shadow-lg;
     @apply transition-all duration-300 ease-in-out;
   }
@@ -31,11 +31,22 @@
   
   .btn-primary {
     @apply bg-primary-500 focus:bg-primary-600 active:bg-primary-600;
-    @apply bg-primary-500 focus:bg-primary-600 active:bg-primary-600;
+    @apply border-primary-500 focus:border-primary-600 active:border-primary-600;
+    @apply text-white;
+  }
+
+  .btn-alert {
+    @apply bg-red-500 focus:bg-red-600 active:bg-red-600;
+    @apply border-red-500 focus:border-red-600 active:border-red-600;
     @apply text-white;
   }
   
   .hr {
     @apply border border-primary-500 w-full max-w-2xl;
   }
+
+  .link {
+    @apply hover:underline;
+    @apply transition-colors duration-500 ease-in-out;
+  }
 }
\ No newline at end of file