alexohneander-zola/sass/parts/_image-toggler.scss
welpo 7ccd71736e
feat: add 2 interactive image shortcodes
- `image_hover` changes image on mouse hover.

- `image_toggler` swaps image on click.
2023-08-09 18:36:45 +02:00

21 lines
363 B
SCSS

.image-toggled {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.image-toggler-toggle {
display: none;
}
.image-toggler-toggle:checked ~ .image-label .image-toggled {
visibility: visible;
position: static;
}
.image-toggler-toggle:checked ~ .image-label .image-default {
visibility: hidden;
position: absolute;
}