diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_backdrop.scss | 3 | ||||
-rw-r--r-- | src/objects/_lightbox.scss | 10 |
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') { |