summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-27 07:19:17 +0100
committerVolpeon <git@volpeon.ink>2024-10-27 07:19:17 +0100
commitaf30709e312ef38aa87eaf4f47452d0c545fbb4b (patch)
treef5d0af4be6361d7561a17a00e16732598ef7935d /src/objects
parentUpdate (diff)
downloadiro-design-af30709e312ef38aa87eaf4f47452d0c545fbb4b.tar.gz
iro-design-af30709e312ef38aa87eaf4f47452d0c545fbb4b.tar.bz2
iro-design-af30709e312ef38aa87eaf4f47452d0c545fbb4b.zip
Fix
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_lightbox.scss2
-rw-r--r--src/objects/_lightbox.vars.scss5
2 files changed, 4 insertions, 3 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index a581749..4f18424 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -39,7 +39,7 @@
39 @include bem.elem('thumbnails') { 39 @include bem.elem('thumbnails') {
40 display: none; 40 display: none;
41 grid-area: thumbnails; 41 grid-area: thumbnails;
42 gap: props.get(vars.$thumbnail--spacing); 42 gap: props.get(vars.$thumbnails--spacing);
43 padding: props.get(vars.$pad); 43 padding: props.get(vars.$pad);
44 margin-block-start: calc(-1 * props.get(vars.$pad)); 44 margin-block-start: calc(-1 * props.get(vars.$pad));
45 overflow: auto; 45 overflow: auto;
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 999776e..34d271e 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -4,8 +4,7 @@
4@use '../core.vars' as core; 4@use '../core.vars' as core;
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$fullscreen--height: props.def(--o-lightbox--fullscreen--height, 100vh) !default;
8$fullscreen--height: props.def(--o-lightbox--fullscreen--height, 100vh) !default;
9 8
10$image--max-height: props.def(--o-lightbox--image--max-height, calc(100vh - props.get(core.$size--600))) !default; 9$image--max-height: props.def(--o-lightbox--image--max-height, calc(100vh - props.get(core.$size--600))) !default;
11 10
@@ -18,6 +17,8 @@ $nav-button--font-size: props.def(--o-lightbox--nav-button--font-size, props.g
18$nav-button--inline-size--md: props.def(--o-lightbox--nav-button--inline-size, props.get(core.$size--2500), 'md') !default; 17$nav-button--inline-size--md: props.def(--o-lightbox--nav-button--inline-size, props.get(core.$size--2500), 'md') !default;
19$nav-button--block-size--md: props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--2500), 'md') !default; 18$nav-button--block-size--md: props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--2500), 'md') !default;
20 19
20$thumbnails--spacing: props.def(--o-lightbox--thumbnails--spacing, props.get(core.$size--100)) !default;
21
21$static-themes: props.def(--o-lightbox, (), 'color'); 22$static-themes: props.def(--o-lightbox, (), 'color');
22 23
23@each $theme in map.keys(props.get(core.$transparent-colors)) { 24@each $theme in map.keys(props.get(core.$transparent-colors)) {