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') { |
