1 files changed, 10 insertions, 0 deletions

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index a1655be..1030e28 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -57,6 +57,16 @@
             }
         }
 
+        @include bem.modifier('grid-sm') {
+            display:               grid;
+            grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid-sm--col-width), 1fr));
+            gap:                   props.get(vars.$grid-sm--row-gap) props.get(vars.$grid-sm--col-gap);
+
+            @include bem.modifier('quiet') {
+                row-gap: props.get(vars.$grid-sm--quiet--row-gap);
+            }
+        }
+
         @include bem.modifier('masonry') {
             display:    block;
             columns:    auto props.get(vars.$masonry--col-width);