4
0
forked from crowetic/commerce
commerce/components/ui/Button/Button.module.css
2020-10-15 16:12:46 -03:00

23 lines
540 B
CSS

.root {
@apply text-accents-1 cursor-pointer inline-flex px-10 rounded-sm leading-6
bg-secondary transition ease-in-out duration-150 shadow-sm font-semibold
text-center justify-center uppercase py-4 uppercase text-center focus:outline-none
border border-transparent items-center;
}
.root:hover {
@apply bg-accents-0 text-base border border-secondary;
}
.root:focus {
@apply shadow-outline;
}
.root[data-active] {
@apply bg-gray-600;
}
.loading {
@apply bg-accents-1 text-accents-3 border-accents-2 cursor-not-allowed;
}