aaron_nad/cannery
1
0
Fork 0
forked from shibao/cannery
Code Pull Requests Activity

add btn and link styles

Browse Source
This commit is contained in:
shibao 2021-09-10 21:37:09 -04:00 committed by oliviasculley
parent 89a5ff3c7b
commit d424a6631a
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/components.scss
View File

@ -1,6 +1,6 @@
@layer components { @layer components {
.input { .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 shadow-sm focus:shadow-lg;
@apply transition-all duration-300 ease-in-out; @apply transition-all duration-300 ease-in-out;
} }
@ -31,11 +31,22 @@
.btn-primary { .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 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; @apply text-white;
} }
.hr { .hr {
@apply border border-primary-500 w-full max-w-2xl; @apply border border-primary-500 w-full max-w-2xl;
} }
.link {
@apply hover:underline;
@apply transition-colors duration-500 ease-in-out;
}
} }