mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-16 11:39:31 +00:00
Harald Bamberger
25 lines
967 B
CSS
25 lines
967 B
CSS
:root{
|
|
--fhc-switches-checked-bg: var(--fhc-light, white);
|
|
--fhc-switches-unchecked-bg: var(--fhc-disabled, var(--bs-gray-600));
|
|
--fhc-switches-shadow: var(--fhc-shadow-20, rgba(108, 117, 125,.25));
|
|
}
|
|
|
|
.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='%238e99a3'/%3e%3c/svg%3e") !important;
|
|
}
|
|
|
|
.fhc-switches:focus {
|
|
box-shadow: 0 0 0 .25rem var(--fhc-switches-shadow);
|
|
}
|
|
|