add btn and link styles
This commit is contained in:
parent
89a5ff3c7b
commit
d424a6631a
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user