Support basic JS-free lightbox

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 @@
         }
 
         @include iro.bem-elem('img') {
+            display:    none;
             box-sizing: border-box;
             grid-area:  content;
             max-width:  100%;
             max-height: 100%;
             margin:     auto;
             padding:    fn.dim(--pad);
+
+            &:target {
+                display: block;
+            }
+
+            @include iro.bem-is('visible') {
+                display: block;
+            }
         }
 
         @include iro.bem-elem('thumbnails') {