summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-01-12 12:12:46 +0100
committerVolpeon <git@volpeon.ink>2024-01-12 12:12:46 +0100
commit4762946fc78613239dbcdde0af79564c19a9803f (patch)
treecbb4e36540fe283531bfb4ec94a2884eab42896b /src/objects
parentFix (diff)
downloadiro-design-4762946fc78613239dbcdde0af79564c19a9803f.tar.gz
iro-design-4762946fc78613239dbcdde0af79564c19a9803f.tar.bz2
iro-design-4762946fc78613239dbcdde0af79564c19a9803f.zip
Support basic JS-free lightbox
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_lightbox.scss9
1 files changed, 9 insertions, 0 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 74515c4..2af8b0a 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -69,12 +69,21 @@
69 } 69 }
70 70
71 @include iro.bem-elem('img') { 71 @include iro.bem-elem('img') {
72 display: none;
72 box-sizing: border-box; 73 box-sizing: border-box;
73 grid-area: content; 74 grid-area: content;
74 max-width: 100%; 75 max-width: 100%;
75 max-height: 100%; 76 max-height: 100%;
76 margin: auto; 77 margin: auto;
77 padding: fn.dim(--pad); 78 padding: fn.dim(--pad);
79
80 &:target {
81 display: block;
82 }
83
84 @include iro.bem-is('visible') {
85 display: block;
86 }
78 } 87 }
79 88
80 @include iro.bem-elem('thumbnails') { 89 @include iro.bem-elem('thumbnails') {