micro/packages/web/src/components/button/button.module.css

42 lines
689 B
CSS

.button {
@apply flex items-center justify-center w-full px-3 py-2 text-sm font-medium transition border rounded bg-dark-300 hover:bg-dark-600 border-dark-600;
height: 2.5rem;
}
.button:focus {
outline: none !important;
}
.primary {
@apply bg-brand hover:bg-brand hover:opacity-75;
}
.content {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.disabled {
@apply bg-dark-300 border border-dark-600 text-white cursor-not-allowed !important;
filter: none !important;
}
.prefix {
@apply mr-1;
}
.suffix {
@apply ml-1;
}
.prefix svg,
.suffix svg {
height: 1.35em;
}
.small {
@apply text-xs font-normal px-2 py-1 !important;
height: auto;
}