Extending Toggles
For toggle overview, see toggles.
Custom Toggle Switch using Images
Customize:
the toggle-switch button in the off position with
.toggle-switch-check:empty ~ .toggle-switch-bar:after {}.the toggle-switch button icon in the off position with
.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon.button-icon {}.the toggle-switch bar in the off position with
.toggle-switch-check:empty ~ .toggle-switch-bar:before {}.the toggle-switch bar icon in the off position with
.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {}.the toggle-switch button in the on position with
.toggle-switch-check:checked ~ .toggle-switch-bar:after {}.the toggle-switch button icon in the on position with
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon.button-icon.the toggle-switch bar in the on position with
.toggle-switch-check:checked ~ .toggle-switch-bar:before {}.the toggle-switch bar icon in the on position with
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {}.