Toggles
These classes allows you to display any HTMLElement as a toggle. Toggles are element that have at least 2 states. Active and unactive. This active state respect these rules:
- &:active
- &:focus
- &:focus-within
- input:checked + &
- input:checked + .s-menu + &
- :active > &
- :focus > &
- :focus-within > &
- &:has(input:checked)
- input:checked +
&
- input:checked + .s-menu +
&
Preview
Toggles
burger
burger
Loading code example. Please wait...
Install
CSS Classes
-
s-toggle:burger
Apply the burger toggle style