summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-12-02 22:25:41 +0100
committerVolpeon <git@volpeon.ink>2024-12-02 22:25:41 +0100
commitcc843c976dcc571d5658331427dd578fc9cedf29 (patch)
tree45a7118683e11a01c3fa9512c6e09cb34bbe6d4d
parentFix (diff)
downloadiro-design-cc843c976dcc571d5658331427dd578fc9cedf29.tar.gz
iro-design-cc843c976dcc571d5658331427dd578fc9cedf29.tar.bz2
iro-design-cc843c976dcc571d5658331427dd578fc9cedf29.zip
Horizontal card improvements
-rw-r--r--src/objects/_card.scss15
1 files changed, 15 insertions, 0 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index 1695d62..6c5bb7c 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -204,6 +204,21 @@
204 flex-direction: row; 204 flex-direction: row;
205 align-items: center; 205 align-items: center;
206 206
207 @include bem.elem('image') {
208 align-self: stretch;
209 inline-size: auto;
210
211 &:first-child {
212 border-start-end-radius: 0;
213 border-end-start-radius: props.get(vars.$rounding);
214 }
215
216 &:last-child {
217 border-start-end-radius: props.get(vars.$rounding);
218 border-end-start-radius: 0;
219 }
220 }
221
207 @include bem.elem('body') { 222 @include bem.elem('body') {
208 flex: 0 0 auto; 223 flex: 0 0 auto;
209 224