// // custom-forms.scss // Extended from Bootstrap //
// // Bootstrap Overrides =================================== //
// Switch
.custom-switch {
min-height: $custom-switch-height; .custom-control-label { &::before { top: 0; height: $custom-switch-height; border-radius: $custom-switch-height / 2; } &::after { top: $custom-switch-spacing; left: $custom-switch-spacing - $custom-control-gutter - $custom-switch-width; background-color: $custom-switch-indicator-bg; } } .custom-control-input:checked ~ .custom-control-label { &::after { background-color: $custom-switch-indicator-active-bg; transform: translateX($custom-switch-width - $custom-switch-spacing * 2 - $custom-switch-indicator-size); } }
}