19 lines
451 B
CSS
19 lines
451 B
CSS
.f-switches-wrapper {
|
|
@apply flex flex-wrap justify-center gap-6;
|
|
}
|
|
|
|
.f-switch-group {
|
|
@apply inline-flex overflow-hidden relative bg-[--f-background-switch];
|
|
}
|
|
|
|
.f-switch {
|
|
@apply px-6 py-2 text-sm font-semibold cursor-pointer select-none transition-all;
|
|
}
|
|
|
|
.f-switch.active {
|
|
@apply text-[--f-switcher-text] bg-[--f-switcher-background] ;
|
|
}
|
|
|
|
.f-switch:hover {
|
|
@apply text-[--f-switcher-text-hover] bg-[--f-switcher-background-hover] ;
|
|
} |