shibao/cannery
shibao/cannery
1
2
Fork 1
Code Issues 16 Pull Requests Projects 1 Releases 36 Wiki Activity

tweak alert button colors

Browse Source
This commit is contained in:
shibao 2022-02-05 14:18:12 -05:00
parent 45e977ba0f
commit 1cda610fbf
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/components.scss
View File

@ -4,12 +4,12 @@
@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;
} }
.input-primary { .input-primary {
@apply border-primary-500 hover:border-primary-600 active:border-primary-600; @apply border-primary-500 hover:border-primary-600 active:border-primary-600;
@apply text-black; @apply text-black;
} }
.checkbox { .checkbox {
-ms-transform: scale(1.5); -ms-transform: scale(1.5);
-moz-transform: scale(1.5); -moz-transform: scale(1.5);
@ -18,17 +18,17 @@
transform: scale(1.5); transform: scale(1.5);
padding: 10px; padding: 10px;
} }
.title { .title {
@apply leading-5 tracking-wide; @apply leading-5 tracking-wide;
} }
.btn { .btn {
@apply focus:outline-none px-4 py-2 rounded-lg; @apply focus:outline-none px-4 py-2 rounded-lg;
@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;
} }
.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 border-primary-500 focus:border-primary-600 active:border-primary-600; @apply border-primary-500 focus:border-primary-600 active:border-primary-600;
@ -36,11 +36,11 @@
} }
.btn-alert { .btn-alert {
@apply bg-red-500 focus:bg-red-600 active:bg-red-600; @apply bg-red-600 focus:bg-red-700 active:bg-red-800;
@apply border-red-500 focus:border-red-600 active:border-red-600; @apply border-red-600 focus:border-red-700 active:border-red-800;
@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;
} }
@ -49,4 +49,4 @@
@apply hover:underline; @apply hover:underline;
@apply transition-colors duration-500 ease-in-out; @apply transition-colors duration-500 ease-in-out;
} }
} }