misc_pterodactyl-panel/resources/assets/styles/components/buttons.css
2018-05-28 00:37:03 +02:00

31 lines
548 B
CSS

.btn {
@apply .rounded .p-2;
/**
* Button Colors
*/
&.btn-blue {
@apply .bg-blue .border-blue-dark .border .text-white;
&:hover:enabled {
@apply .bg-blue-dark .border-blue-darker;
}
}
&.btn-red {
@apply .bg-red .border-red-dark .border .text-white;
&:hover:enabled {
@apply .bg-red-dark .border-red-darker;
}
}
/* Button Sizes */
&.btn-jumbo {
@apply .p-4 .w-full .uppercase .tracking-wide .text-sm;
}
&:disabled, &.disabled {
opacity: 0.55;
cursor: default;
}
}