summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-17 16:55:45 +0100
committerVolpeon <git@volpeon.ink>2022-02-17 16:55:45 +0100
commitd2265b875f94141b7fb6ae554cfd36e32c617fb8 (patch)
treec957a355a88e31fd5fe4fc790078b9262bb76897 /src/objects
parentImproved lightbox (diff)
downloadiro-design-d2265b875f94141b7fb6ae554cfd36e32c617fb8.tar.gz
iro-design-d2265b875f94141b7fb6ae554cfd36e32c617fb8.tar.bz2
iro-design-d2265b875f94141b7fb6ae554cfd36e32c617fb8.zip
Fixed lightbox + backdrop
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_backdrop.scss3
-rw-r--r--src/objects/_lightbox.scss10
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 @@
24 24
25 @include iro.props-store(( 25 @include iro.props-store((
26 --dims: ( 26 --dims: (
27 --pad-y: iro.fn-px-to-rem(30px), 27 --pad-x: fn.global-dim(--size --100),
28 --pad-y: fn.global-dim(--size --100),
28 ) 29 )
29 ), 'sm'); 30 ), 'sm');
30 31
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 @@
29 grid-template-columns: minmax(0, 1fr) auto; 29 grid-template-columns: minmax(0, 1fr) auto;
30 grid-template-areas: 'header close' 'content content' 'footer footer'; 30 grid-template-areas: 'header close' 'content content' 'footer footer';
31 gap: fn.dim(--spacing); 31 gap: fn.dim(--spacing);
32 min-height: 0; 32 height: 100%;
33 33
34 @include iro.bem-elem('footer') { 34 @include iro.bem-elem('footer') {
35 grid-area: footer; 35 grid-area: footer;
@@ -47,10 +47,10 @@
47 } 47 }
48 48
49 @include iro.bem-elem('img') { 49 @include iro.bem-elem('img') {
50 grid-area: content; 50 grid-area: content;
51 justify-self: center; 51 max-width: 100%;
52 max-width: 100%; 52 max-height: 100%;
53 max-height: 100%; 53 margin: auto;
54 } 54 }
55 55
56 @include iro.bem-elem('thumbnail') { 56 @include iro.bem-elem('thumbnail') {