24 lines
559 B
CSS
24 lines
559 B
CSS
.button {
|
|
@apply inline-grid grid-flow-col auto-cols-max gap-x-2 items-center;
|
|
}
|
|
|
|
.button-primary {
|
|
@apply border-blue-300 bg-gradient-to-br from-blue-400 to-blue-700;
|
|
}
|
|
|
|
.button-secondary {
|
|
@apply border-indigo-300 bg-gradient-to-br from-indigo-400 to-indigo-700;
|
|
}
|
|
|
|
.button-tertiary {
|
|
@apply border-blue-300 bg-gradient-to-br from-green-400 to-blue-500;
|
|
}
|
|
|
|
.button-success {
|
|
@apply border-green-300 bg-gradient-to-br from-green-400 to-green-700;
|
|
}
|
|
|
|
.button-danger {
|
|
@apply border-red-300 bg-gradient-to-br from-red-400 to-red-700;
|
|
}
|