diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_card.scss | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index abc691b..2eb16bc 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -11,7 +11,8 @@ | |||
11 | @include materialize-at-root(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 12 | ||
13 | @include iro.bem-object('card') { | 13 | @include iro.bem-object('card') { |
14 | display: block; | 14 | display: flex; |
15 | flex-direction: column; | ||
15 | margin: calc(-1 * props.get(vars.$key-focus--border-width)); | 16 | margin: calc(-1 * props.get(vars.$key-focus--border-width)); |
16 | background-color: props.get(vars.$bg-color); | 17 | background-color: props.get(vars.$bg-color); |
17 | background-clip: content-box; | 18 | background-clip: content-box; |
@@ -43,10 +44,11 @@ | |||
43 | } | 44 | } |
44 | 45 | ||
45 | @include iro.bem-elem('image') { | 46 | @include iro.bem-elem('image') { |
46 | display: block; | 47 | display: block; |
47 | inline-size: 100%; | 48 | flex: 0 0 auto; |
48 | object-fit: cover; | 49 | inline-size: 100%; |
49 | transition: transform .2s, opacity .2s; | 50 | object-fit: cover; |
51 | transition: transform .2s, opacity .2s; | ||
50 | 52 | ||
51 | &:first-child { | 53 | &:first-child { |
52 | border-start-start-radius: props.get(vars.$rounding); | 54 | border-start-start-radius: props.get(vars.$rounding); |
@@ -64,6 +66,7 @@ | |||
64 | } | 66 | } |
65 | 67 | ||
66 | @include iro.bem-elem('body') { | 68 | @include iro.bem-elem('body') { |
69 | flex: 1 0 auto; | ||
67 | padding-block: props.get(vars.$pad-b); | 70 | padding-block: props.get(vars.$pad-b); |
68 | padding-inline: props.get(vars.$pad-i); | 71 | padding-inline: props.get(vars.$pad-i); |
69 | 72 | ||
@@ -79,6 +82,7 @@ | |||
79 | } | 82 | } |
80 | 83 | ||
81 | @include iro.bem-elem('footer') { | 84 | @include iro.bem-elem('footer') { |
85 | flex: 0 0 auto; | ||
82 | padding-block: 0 props.get(vars.$pad-b); | 86 | padding-block: 0 props.get(vars.$pad-b); |
83 | padding-inline: props.get(vars.$pad-i); | 87 | padding-inline: props.get(vars.$pad-i); |
84 | margin-block-start: calc(-1 * props.get(vars.$pad-b)); | 88 | margin-block-start: calc(-1 * props.get(vars.$pad-b)); |