diff options
author | Volpeon <git@volpeon.ink> | 2025-07-22 19:22:28 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2025-07-22 19:22:28 +0200 |
commit | 3b255e00a63a03c4ec8aeef9af2432825e2aec9f (patch) | |
tree | c244b7d8a03b21a276cb617fd8faf90d5cd2f2f0 /src | |
parent | Improved card (diff) | |
download | iro-design-3b255e00a63a03c4ec8aeef9af2432825e2aec9f.tar.gz iro-design-3b255e00a63a03c4ec8aeef9af2432825e2aec9f.tar.bz2 iro-design-3b255e00a63a03c4ec8aeef9af2432825e2aec9f.zip |
Fix
Diffstat (limited to 'src')
-rw-r--r-- | src/objects/_card.scss | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index b1386e4..2920cfc 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -49,10 +49,28 @@ | |||
49 | props.get(vars.$shadow-blur) | 49 | props.get(vars.$shadow-blur) |
50 | props.get(vars.$shadow-grow) | 50 | props.get(vars.$shadow-grow) |
51 | props.get(vars.$shadow-color); | 51 | props.get(vars.$shadow-color); |
52 | |||
53 | @include bem.modifier('quiet') { | ||
54 | @include bem.elem('image') { | ||
55 | box-shadow: | ||
56 | props.get(vars.$shadow-x) | ||
57 | props.get(vars.$shadow-y) | ||
58 | props.get(vars.$shadow-blur) | ||
59 | props.get(vars.$shadow-grow) | ||
60 | props.get(vars.$shadow-color); | ||
61 | } | ||
62 | } | ||
52 | } | 63 | } |
53 | 64 | ||
54 | @include bem.modifier('merge') { | 65 | @include bem.modifier('merge') { |
55 | border-color: props.get(vars.$bg-color); | 66 | border-color: props.get(vars.$bg-color); |
67 | box-shadow: none; | ||
68 | |||
69 | @include bem.modifier('quiet') { | ||
70 | @include bem.elem('image') { | ||
71 | box-shadow: none; | ||
72 | } | ||
73 | } | ||
56 | } | 74 | } |
57 | 75 | ||
58 | @include bem.elem('avatar') { | 76 | @include bem.elem('avatar') { |
@@ -179,12 +197,6 @@ | |||
179 | background-color: props.get(vars.$quiet--image-color); | 197 | background-color: props.get(vars.$quiet--image-color); |
180 | background-clip: padding-box; | 198 | background-clip: padding-box; |
181 | border-radius: props.get(vars.$rounding); | 199 | border-radius: props.get(vars.$rounding); |
182 | box-shadow: | ||
183 | props.get(vars.$shadow-x) | ||
184 | props.get(vars.$shadow-y) | ||
185 | props.get(vars.$shadow-blur) | ||
186 | props.get(vars.$shadow-grow) | ||
187 | props.get(vars.$shadow-color); | ||
188 | } | 200 | } |
189 | 201 | ||
190 | @include bem.elem('body') { | 202 | @include bem.elem('body') { |