diff --git a/assets/css/components.scss b/assets/css/components.scss index 2b278e8..a3c393d 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