From ed0c57c6f506189fa47f75d36318985a3f3307a2 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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(-)
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