From d2265b875f94141b7fb6ae554cfd36e32c617fb8 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 17 Feb 2022 16:55:45 +0100 Subject: Fixed lightbox + backdrop --- src/objects/_backdrop.scss | 3 ++- src/objects/_lightbox.scss | 10 +++++----- 2 files changed, 7 insertions(+), 6 deletions(-) (limited to 'src/objects') 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') { -- cgit v1.2.3-54-g00ecf