diff options
author | Volpeon <git@volpeon.ink> | 2024-10-27 07:19:17 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-27 07:19:17 +0100 |
commit | af30709e312ef38aa87eaf4f47452d0c545fbb4b (patch) | |
tree | f5d0af4be6361d7561a17a00e16732598ef7935d /src/objects | |
parent | Update (diff) | |
download | iro-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.scss | 2 | ||||
-rw-r--r-- | src/objects/_lightbox.vars.scss | 5 |
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)) { |