Fixed lightbox + backdrop

2 files changed, 7 insertions, 6 deletions

diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index a0ec11e..164b487 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -24,7 +24,8 @@
 
     @include iro.props-store((
         --dims: (
-            --pad-y: iro.fn-px-to-rem(30px),
+            --pad-x: fn.global-dim(--size --100),
+            --pad-y: fn.global-dim(--size --100),
         )
     ), 'sm');
 
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 59ae03f..9d5fb2f 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -29,7 +29,7 @@
         grid-template-columns: minmax(0, 1fr) auto;
         grid-template-areas:   'header close' 'content content' 'footer footer';
         gap:                   fn.dim(--spacing);
-        min-height:            0;
+        height:                100%;
 
         @include iro.bem-elem('footer') {
             grid-area: footer;
@@ -47,10 +47,10 @@
         }
 
         @include iro.bem-elem('img') {
-            grid-area:    content;
-            justify-self: center;
-            max-width:    100%;
-            max-height:   100%;
+            grid-area:  content;
+            max-width:  100%;
+            max-height: 100%;
+            margin:     auto;
         }
 
         @include iro.bem-elem('thumbnail') {