From ed0c57c6f506189fa47f75d36318985a3f3307a2 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 26 Oct 2024 11:14:34 +0200 Subject: Lightbox: Make image max height configurable --- src/objects/_lightbox.scss | 2 +- src/objects/_lightbox.vars.scss | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) (limited to 'src') 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 @@ inline-size: auto; max-inline-size: 100%; block-size: auto; - max-block-size: 80vh; + max-block-size: props.get(vars.$image--max-height); padding: props.get(vars.$pad); margin-inline: auto; } 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 @@ $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default; +$image--max-height: 80vh; + $thumbnail--size: props.def(--o-lightbox--thumbnail--size, props.get(core.$size--700)) !default; $thumbnail--rounding: props.def(--o-lightbox--thumbnail--rounding, props.get(core.$rounding)) !default; $thumbnail--spacing: props.def(--o-lightbox--thumbnail--spacing, props.get(core.$size--100)) !default; -- cgit v1.2.3-70-g09d2