summaryrefslogtreecommitdiff
path: root/sass/parts/_image-toggler.scss
diff options
context:
space:
mode:
authorAlejandro Soto <alejandro@34project.org>2025-09-13 14:55:15 -0600
committerAlejandro Soto <alejandro@34project.org>2025-09-13 14:55:15 -0600
commita2ea06d513a5802964f8f0ef5795cec7e548ed7b (patch)
tree8afb58e3749d19bc46cffc6473f3059d647c515b /sass/parts/_image-toggler.scss
Squashed 'themes/tabi-lean/' content from commit 95c8796
git-subtree-dir: themes/tabi-lean git-subtree-split: 95c879696445ede40daa7a30a88dae5dd74d5c0c
Diffstat (limited to 'sass/parts/_image-toggler.scss')
-rw-r--r--sass/parts/_image-toggler.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/sass/parts/_image-toggler.scss b/sass/parts/_image-toggler.scss
new file mode 100644
index 0000000..e2f420e
--- /dev/null
+++ b/sass/parts/_image-toggler.scss
@@ -0,0 +1,24 @@
+.image-label {
+ cursor: pointer;
+}
+
+.image-toggled {
+ position: absolute;
+ top: 0;
+ left: 0;
+ visibility: hidden;
+}
+
+.image-toggler-toggle {
+ display: none;
+}
+
+.image-toggler-toggle:checked ~ .image-label .image-toggled {
+ position: static;
+ visibility: visible;
+}
+
+.image-toggler-toggle:checked ~ .image-label .image-default {
+ position: absolute;
+ visibility: hidden;
+}