summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-27 07:22:43 +0100
committerVolpeon <git@volpeon.ink>2024-10-27 07:22:43 +0100
commit515f171e21b466af73d6e563097f69da9d02e2cb (patch)
tree3a394c67546b7c2a741488148db0cf69246f677f
parentFix (diff)
downloadiro-design-515f171e21b466af73d6e563097f69da9d02e2cb.tar.gz
iro-design-515f171e21b466af73d6e563097f69da9d02e2cb.tar.bz2
iro-design-515f171e21b466af73d6e563097f69da9d02e2cb.zip
Rounded lightbox image
-rw-r--r--src/objects/_lightbox.scss1
-rw-r--r--src/objects/_lightbox.vars.scss3
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