misc_pterodactyl-panel/resources/assets/styles/components/buttons.css

70 lines
1.2 KiB
CSS
Raw Normal View History

2018-03-31 21:33:10 +00:00
.btn {
@apply .rounded .p-2;
2018-08-25 21:43:21 +00:00
transition: all 100ms ease-in-out;
2018-03-31 21:33:10 +00:00
/**
* Button Colors
*/
&.btn-blue {
@apply .bg-blue .border-blue-dark .border .text-white;
&:hover:enabled {
2018-03-31 21:33:10 +00:00
@apply .bg-blue-dark .border-blue-darker;
}
}
2018-06-16 23:25:26 +00:00
&.btn-green {
@apply .bg-green .border-green-dark .border .text-white;
&:hover:enabled {
@apply .bg-green-dark .border-green-darker;
}
}
&.btn-red {
2018-08-25 21:43:21 +00:00
&:not(.btn-secondary) {
@apply .bg-red .border-red-dark .border .text-white;
}
&:hover:enabled {
@apply .bg-red-dark .border-red-darker;
}
}
2018-06-12 05:36:43 +00:00
&.btn-secondary {
@apply .border .border-grey-light .text-grey-dark;
&:hover:enabled {
@apply .border-grey .text-grey-darker;
}
2018-08-25 21:43:21 +00:00
&.btn-red:hover:enabled {
@apply .bg-red-dark .border-red-darker .text-white;
}
2018-06-12 05:36:43 +00:00
}
2018-03-31 21:33:10 +00:00
/**
* Button Sizes
*/
&.btn-jumbo {
@apply .p-4 .w-full .uppercase .tracking-wide .text-sm;
}
&.btn-lg {
@apply .p-4 .uppercase .tracking-wide .text-sm;
}
2018-06-12 05:36:43 +00:00
&.btn-sm {
@apply .px-6 .py-3 .uppercase .tracking-wide .text-sm;
}
2018-08-25 21:43:21 +00:00
&.btn-xs {
@apply .py-2 .px-2 .uppercase .text-xs;
}
&:disabled, &.disabled {
opacity: 0.55;
cursor: default;
}
2018-03-31 21:33:10 +00:00
}