diff options
author | Volpeon <git@volpeon.ink> | 2024-10-27 07:22:43 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-27 07:22:43 +0100 |
commit | 515f171e21b466af73d6e563097f69da9d02e2cb (patch) | |
tree | 3a394c67546b7c2a741488148db0cf69246f677f | |
parent | Fix (diff) | |
download | iro-design-515f171e21b466af73d6e563097f69da9d02e2cb.tar.gz iro-design-515f171e21b466af73d6e563097f69da9d02e2cb.tar.bz2 iro-design-515f171e21b466af73d6e563097f69da9d02e2cb.zip |
Rounded lightbox image
-rw-r--r-- | src/objects/_lightbox.scss | 1 | ||||
-rw-r--r-- | src/objects/_lightbox.vars.scss | 3 |
2 files changed, 3 insertions, 1 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 4f18424..b62c353 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
@@ -34,6 +34,7 @@ | |||
34 | max-block-size: props.get(vars.$image--max-height); | 34 | max-block-size: props.get(vars.$image--max-height); |
35 | padding: props.get(vars.$pad); | 35 | padding: props.get(vars.$pad); |
36 | margin-inline: auto; | 36 | margin-inline: auto; |
37 | border-radius: calc(props.get(vars.$pad) + props.get(vars.$image--border-radius)); | ||
37 | } | 38 | } |
38 | 39 | ||
39 | @include bem.elem('thumbnails') { | 40 | @include bem.elem('thumbnails') { |
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss index 34d271e..cc926e4 100644 --- a/src/objects/_lightbox.vars.scss +++ b/src/objects/_lightbox.vars.scss | |||
@@ -6,7 +6,8 @@ | |||
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 | $fullscreen--height: props.def(--o-lightbox--fullscreen--height, 100vh) !default; | 7 | $fullscreen--height: props.def(--o-lightbox--fullscreen--height, 100vh) !default; |
8 | 8 | ||
9 | $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; |
10 | $image--border-radius: props.def(--o-lightbox--image--border-radius, props.get(core.$rounding)) !default; | ||
10 | 11 | ||
11 | $close-button--font-size: props.def(--o-lightbox--close-button--font-size, props.get(core.$font-size--200)) !default; | 12 | $close-button--font-size: props.def(--o-lightbox--close-button--font-size, props.get(core.$font-size--200)) !default; |
12 | 13 | ||