tweak alert button colors

This commit is contained in:
shibao 2022-02-05 14:18:12 -05:00
parent 45e977ba0f
commit 1cda610fbf

View File

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