summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2025-07-22 19:22:28 +0200
committerVolpeon <git@volpeon.ink>2025-07-22 19:22:28 +0200
commit3b255e00a63a03c4ec8aeef9af2432825e2aec9f (patch)
treec244b7d8a03b21a276cb617fd8faf90d5cd2f2f0 /src
parentImproved card (diff)
downloadiro-design-3b255e00a63a03c4ec8aeef9af2432825e2aec9f.tar.gz
iro-design-3b255e00a63a03c4ec8aeef9af2432825e2aec9f.tar.bz2
iro-design-3b255e00a63a03c4ec8aeef9af2432825e2aec9f.zip
Fix
Diffstat (limited to 'src')
-rw-r--r--src/objects/_card.scss24
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') {