From 8fb5225c7aee13ff582cf3f68ebd7b45e34acbb5 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Mon, 1 Aug 2022 07:14:07 +0200
Subject: Style fix for card list 'list' layout gap on <=sm
---
assets/css/layouts/_card-list.scss | 5 +++++
1 file changed, 5 insertions(+)
(limited to 'assets/css/layouts')
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index 0c06adc..b532cc1 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -1,5 +1,6 @@
@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;
+@use 'include-media/dist/include-media' as media;
@include iro.props-namespace('card-list') {
@include iro.props-store((
@@ -44,6 +45,10 @@
gap: fn.dim(--gap);
margin-top: fn.dim(--spacing);
+ @include media.media('<=sm') {
+ gap: fn.dim(--grid-2 --gap);
+ }
+
@each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' {
@include iro.bem-modifier($mode) {
display: grid;
--
cgit v1.2.3-70-g09d2