deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests Activity

✨ feat: add 2 interactive image shortcodes

Browse source 
- `image_hover` changes image on mouse hover.

- `image_toggler` swaps image on click.
This commit is contained in:
welpo 2023-08-09 18:36:45 +02:00
parent 42293b2868
commit 7ccd71736e
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
8 changed files with 150 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

20
sass/parts/_image-toggler.scss Normal file
View file

@ -0,0 +1,20 @@
.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;
}