From 0f2ff105bbd911ba04c717af92fd116472d2b2d9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 29 Jun 2024 14:50:39 +0200 Subject: Update --- src/objects/_lightbox.scss | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) (limited to 'src/objects/_lightbox.scss') diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 7844eae..4902958 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss @@ -10,10 +10,11 @@ $static-themes: 'black' 'white' !default; --dims: ( --pad: fn.global-dim(--size --150), --thumbnail: ( - --size: fn.global-dim(--size --700), - --spacing: fn.global-dim(--size --100), - --idle: fn.global-dim(--border --thin), - --selected: fn.global-dim(--border --medium), + --size: fn.global-dim(--size --700), + --rounding: fn.global-dim(--rounding), + --spacing: fn.global-dim(--size --100), + --idle: fn.global-dim(--border --thin), + --selected: fn.global-dim(--border --medium), ), --close-button: ( --font-size: fn.global-dim(--font-size --200), @@ -147,12 +148,14 @@ $static-themes: 'black' 'white' !default; } @include iro.bem-elem('thumbnail') { - position: relative; - flex: 0 0 auto; - inline-size: fn.dim(--thumbnail --size); - block-size: fn.dim(--thumbnail --size); - outline: fn.dim(--thumbnail --idle) solid fn.color(--thumbnail --idle); - opacity: .75; + position: relative; + flex: 0 0 auto; + inline-size: fn.dim(--thumbnail --size); + block-size: fn.dim(--thumbnail --size); + overflow: hidden; + border-radius: fn.dim(--thumbnail --rounding); + outline: fn.dim(--thumbnail --idle) solid fn.color(--thumbnail --idle); + opacity: .75; &:hover, &:focus-visible { -- cgit v1.2.3-70-g09d2