From 490e4c34c8588bf6095346944e9f025eaa0addaf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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