39 lines
745 B
CSS
39 lines
745 B
CSS
.btn {
|
|
@apply px-3 py-2 uppercase no-underline text-sm text-white items-center justify-center bg-primary-700 rounded;
|
|
svg {
|
|
|
|
}
|
|
|
|
&.btn-sm {
|
|
@apply text-xs w-6 h-6 px-1 py-1;
|
|
svg {
|
|
@apply w-3 h-3 text-primary-100 flex-none;
|
|
}
|
|
}
|
|
&.btn-primary {
|
|
@apply bg-primary-700;
|
|
&:hover {
|
|
@apply bg-primary-500;
|
|
}
|
|
}
|
|
&.btn-warning {
|
|
@apply bg-yellow-700;
|
|
&:hover {
|
|
@apply bg-yellow-500;
|
|
}
|
|
}
|
|
&.btn-info {
|
|
@apply bg-blue-700;
|
|
&:hover {
|
|
@apply bg-blue-500;
|
|
}
|
|
}
|
|
&.btn-danger {
|
|
@apply bg-red-700;
|
|
&:hover {
|
|
@apply bg-red-500;
|
|
}
|
|
}
|
|
}
|
|
|