diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_lightbox.scss | 2 | ||||
-rw-r--r-- | src/objects/_lightbox.vars.scss | 2 |
2 files changed, 3 insertions, 1 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 092d676..0ce62ff 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
@@ -31,7 +31,7 @@ | |||
31 | inline-size: auto; | 31 | inline-size: auto; |
32 | max-inline-size: 100%; | 32 | max-inline-size: 100%; |
33 | block-size: auto; | 33 | block-size: auto; |
34 | max-block-size: 80vh; | 34 | max-block-size: props.get(vars.$image--max-height); |
35 | padding: props.get(vars.$pad); | 35 | padding: props.get(vars.$pad); |
36 | margin-inline: auto; | 36 | margin-inline: auto; |
37 | } | 37 | } |
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss index 969bd44..7ea49b0 100644 --- a/src/objects/_lightbox.vars.scss +++ b/src/objects/_lightbox.vars.scss | |||
@@ -5,6 +5,8 @@ | |||
5 | 5 | ||
6 | $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default; | 6 | $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default; |
7 | 7 | ||
8 | $image--max-height: 80vh; | ||
9 | |||
8 | $thumbnail--size: props.def(--o-lightbox--thumbnail--size, props.get(core.$size--700)) !default; | 10 | $thumbnail--size: props.def(--o-lightbox--thumbnail--size, props.get(core.$size--700)) !default; |
9 | $thumbnail--rounding: props.def(--o-lightbox--thumbnail--rounding, props.get(core.$rounding)) !default; | 11 | $thumbnail--rounding: props.def(--o-lightbox--thumbnail--rounding, props.get(core.$rounding)) !default; |
10 | $thumbnail--spacing: props.def(--o-lightbox--thumbnail--spacing, props.get(core.$size--100)) !default; | 12 | $thumbnail--spacing: props.def(--o-lightbox--thumbnail--spacing, props.get(core.$size--100)) !default; |