diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/components/_card.scss | 4 | ||||
| -rw-r--r-- | assets/css/layouts/_card-list.scss | 1 |
2 files changed, 3 insertions, 2 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 1bd60de..ca23bf4 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss | |||
| @@ -27,8 +27,10 @@ | |||
| 27 | ), 'colors'); | 27 | ), 'colors'); |
| 28 | 28 | ||
| 29 | @include iro.bem-component(iro.props-namespace()) { | 29 | @include iro.bem-component(iro.props-namespace()) { |
| 30 | display: block; | 30 | display: flex; |
| 31 | position: relative; | 31 | position: relative; |
| 32 | flex-direction: column; | ||
| 33 | justify-content: center; | ||
| 32 | transform: translateY(0); | 34 | transform: translateY(0); |
| 33 | transition: transform .2s, background-color .2s, color .2s, border-color .2s; | 35 | transition: transform .2s, background-color .2s, color .2s, border-color .2s; |
| 34 | background-color: fn.color(--bg); | 36 | background-color: fn.color(--bg); |
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index b532cc1..d8e67ee 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss | |||
| @@ -52,7 +52,6 @@ | |||
| 52 | @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { | 52 | @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { |
| 53 | @include iro.bem-modifier($mode) { | 53 | @include iro.bem-modifier($mode) { |
| 54 | display: grid; | 54 | display: grid; |
| 55 | align-items: start; | ||
| 56 | grid-template-columns: repeat(auto-fill, minmax(fn.dim('--#{$mode}' --col-width), 1fr)); | 55 | grid-template-columns: repeat(auto-fill, minmax(fn.dim('--#{$mode}' --col-width), 1fr)); |
| 57 | gap: fn.dim('--#{$mode}' --gap); | 56 | gap: fn.dim('--#{$mode}' --gap); |
| 58 | } | 57 | } |
