From 054025249f837e1a8f38df8417bdb67d85196b9c Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 21 Feb 2026 11:12:09 +0100
Subject: Update card list

---
 src/layouts/_card-list.scss      | 6 +++++-
 src/layouts/_card-list.vars.scss | 6 +++---
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index 6a6fe01..1c64b4d 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -79,7 +79,7 @@
 		}
 
 
-		@each $mod, $row-gap, $col-gap, $col-width, $quiet--row-gap in vars.$grid-layouts {
+		@each $mod, $row-gap, $col-gap, $col-width, $quiet--row-gap, $breakpoint in vars.$grid-layouts {
 			@include bem.modifier($mod) {
 				display:               grid;
 				grid-template-columns: repeat(auto-fill, minmax(props.get($col-width), 1fr));
@@ -88,6 +88,10 @@
 				@include bem.modifier('quiet') {
 					row-gap: props.get($quiet--row-gap);
 				}
+
+				@include media.media('<=#{$breakpoint}') {
+					display: flex;
+				}
 			}
 		}
 
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
index 2b25919..9655909 100644
--- a/src/layouts/_card-list.vars.scss
+++ b/src/layouts/_card-list.vars.scss
@@ -25,9 +25,9 @@ $grid-xs--col-width:      props.def(--l-card-list--grid-xs--col-width, props.get
 $grid-xs--quiet--row-gap: props.def(--l-card-list--grid-xs--quiet--row-gap, props.get(core.$size--800)) !default;
 
 $grid-layouts: (
-	'grid'    $grid--row-gap    $grid--col-gap    $grid--col-width    $grid--quiet--row-gap,
-	'grid-sm' $grid-sm--row-gap $grid-sm--col-gap $grid-sm--col-width $grid-sm--quiet--row-gap,
-	'grid-xs' $grid-xs--row-gap $grid-xs--col-gap $grid-xs--col-width $grid-xs--quiet--row-gap,
+	'grid'    $grid--row-gap    $grid--col-gap    $grid--col-width    $grid--quiet--row-gap    md,
+	'grid-sm' $grid-sm--row-gap $grid-sm--col-gap $grid-sm--col-width $grid-sm--quiet--row-gap md,
+	'grid-xs' $grid-xs--row-gap $grid-xs--col-gap $grid-xs--col-width $grid-xs--quiet--row-gap xs,
 ) !default;
 
 $masonry--row-gap:        props.def(--l-card-list--masonry--row-gap, props.get(core.$size--400)) !default;
-- 
cgit v1.2.3-70-g09d2