diff options
Diffstat (limited to 'src/objects/_lightbox.scss')
-rw-r--r-- | src/objects/_lightbox.scss | 23 |
1 files changed, 13 insertions, 10 deletions
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; | |||
10 | --dims: ( | 10 | --dims: ( |
11 | --pad: fn.global-dim(--size --150), | 11 | --pad: fn.global-dim(--size --150), |
12 | --thumbnail: ( | 12 | --thumbnail: ( |
13 | --size: fn.global-dim(--size --700), | 13 | --size: fn.global-dim(--size --700), |
14 | --spacing: fn.global-dim(--size --100), | 14 | --rounding: fn.global-dim(--rounding), |
15 | --idle: fn.global-dim(--border --thin), | 15 | --spacing: fn.global-dim(--size --100), |
16 | --selected: fn.global-dim(--border --medium), | 16 | --idle: fn.global-dim(--border --thin), |
17 | --selected: fn.global-dim(--border --medium), | ||
17 | ), | 18 | ), |
18 | --close-button: ( | 19 | --close-button: ( |
19 | --font-size: fn.global-dim(--font-size --200), | 20 | --font-size: fn.global-dim(--font-size --200), |
@@ -147,12 +148,14 @@ $static-themes: 'black' 'white' !default; | |||
147 | } | 148 | } |
148 | 149 | ||
149 | @include iro.bem-elem('thumbnail') { | 150 | @include iro.bem-elem('thumbnail') { |
150 | position: relative; | 151 | position: relative; |
151 | flex: 0 0 auto; | 152 | flex: 0 0 auto; |
152 | inline-size: fn.dim(--thumbnail --size); | 153 | inline-size: fn.dim(--thumbnail --size); |
153 | block-size: fn.dim(--thumbnail --size); | 154 | block-size: fn.dim(--thumbnail --size); |
154 | outline: fn.dim(--thumbnail --idle) solid fn.color(--thumbnail --idle); | 155 | overflow: hidden; |
155 | opacity: .75; | 156 | border-radius: fn.dim(--thumbnail --rounding); |
157 | outline: fn.dim(--thumbnail --idle) solid fn.color(--thumbnail --idle); | ||
158 | opacity: .75; | ||
156 | 159 | ||
157 | &:hover, | 160 | &:hover, |
158 | &:focus-visible { | 161 | &:focus-visible { |