From 490e4c34c8588bf6095346944e9f025eaa0addaf Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 10 Jan 2023 10:03:23 +0100 Subject: Improved appearance of related content --- assets/css/components/_card.scss | 4 +++- assets/css/layouts/_card-list.scss | 1 - 2 files changed, 3 insertions(+), 2 deletions(-) (limited to 'assets') 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 @@ ), 'colors'); @include iro.bem-component(iro.props-namespace()) { - display: block; + display: flex; position: relative; + flex-direction: column; + justify-content: center; transform: translateY(0); transition: transform .2s, background-color .2s, color .2s, border-color .2s; 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 @@ @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { @include iro.bem-modifier($mode) { display: grid; - align-items: start; grid-template-columns: repeat(auto-fill, minmax(fn.dim('--#{$mode}' --col-width), 1fr)); gap: fn.dim('--#{$mode}' --gap); } -- cgit v1.2.3-70-g09d2