diff options
author | Volpeon <git@volpeon.ink> | 2024-10-20 21:00:54 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-20 21:00:54 +0200 |
commit | ed676dfd28c8ed89ec42f6cad05442aa7d108000 (patch) | |
tree | 0f7512b3c454ec8e46f168d21b34babf81471691 /src/objects/_card.scss | |
parent | Expanded card (diff) | |
download | iro-design-ed676dfd28c8ed89ec42f6cad05442aa7d108000.tar.gz iro-design-ed676dfd28c8ed89ec42f6cad05442aa7d108000.tar.bz2 iro-design-ed676dfd28c8ed89ec42f6cad05442aa7d108000.zip |
Fix
Diffstat (limited to 'src/objects/_card.scss')
-rw-r--r-- | src/objects/_card.scss | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index 0e19dae..ffe52d6 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -88,16 +88,23 @@ | |||
88 | } | 88 | } |
89 | 89 | ||
90 | @include iro.bem-modifier('hidden') { | 90 | @include iro.bem-modifier('hidden') { |
91 | position: absolute; | 91 | position: absolute; |
92 | inset-block-end: 0; | 92 | inset-block-end: 0; |
93 | inset-inline: 0; | 93 | inset-inline: 0; |
94 | z-index: 10; | 94 | z-index: 10; |
95 | visibility: hidden; | 95 | visibility: hidden; |
96 | background-color: props.get(vars.$bg-color); | 96 | background-color: props.get(vars.$bg-color); |
97 | opacity: 0; | 97 | border-end-start-radius: props.get(vars.$rounding); |
98 | border-end-end-radius: props.get(vars.$rounding); | ||
99 | opacity: 0; | ||
98 | transition: | 100 | transition: |
99 | opacity .2s ease, | 101 | opacity .2s ease, |
100 | visibility 0s .2s linear; | 102 | visibility 0s .2s linear; |
103 | |||
104 | @include iro.bem-next-elem('image') { | ||
105 | border-start-start-radius: props.get(vars.$rounding); | ||
106 | border-start-end-radius: props.get(vars.$rounding); | ||
107 | } | ||
101 | } | 108 | } |
102 | } | 109 | } |
103 | 110 | ||