Lightbox: Make image max height configurable

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 @@
             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;