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 | |
| parent | Expanded card (diff) | |
| download | iro-design-ed676dfd28c8ed89ec42f6cad05442aa7d108000.tar.gz iro-design-ed676dfd28c8ed89ec42f6cad05442aa7d108000.tar.bz2 iro-design-ed676dfd28c8ed89ec42f6cad05442aa7d108000.zip | |
Fix
| -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 | ||
