Files
FHC-Core/public/css/components/searchbar/switches.css
T

25 lines
915 B
CSS

:root{
--fhc-switches-checked-bg: var(--fhc-light);
--fhc-switches-unchecked-bg: var(--fhc-disabled);
--fhc-switches-shadow: var(--fhc-shadow-20);
}
.fhc-switches:checked {
background-color: var(--fhc-switches-checked-bg) !important;
border-color: transparent;
background-position: right center !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='black'/%3e%3c/svg%3e") !important;
}
.fhc-switches {
background-color: var(--fhc-switches-unchecked-bg) !important;
border-color: transparent;
background-position: left center !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236b747a'/%3e%3c/svg%3e") !important;
}
.fhc-switches:focus {
box-shadow: 0 0 0 .25rem var(--fhc-switches-shadow);
}