summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts/_card-grid.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/layouts/_card-grid.scss')
-rw-r--r--assets/css/layouts/_card-grid.scss8
1 files changed, 6 insertions, 2 deletions
diff --git a/assets/css/layouts/_card-grid.scss b/assets/css/layouts/_card-grid.scss
index cbc4388..7c8ad8c 100644
--- a/assets/css/layouts/_card-grid.scss
+++ b/assets/css/layouts/_card-grid.scss
@@ -1,13 +1,17 @@
1@include namespace('card-grid') { 1@include namespace('card-grid') {
2 @include store(( 2 @include store((
3 --dims: ( 3 --dims: (
4 --card-width: 17em 4 --col-width: 17em
5 ) 5 )
6 )); 6 ));
7 7
8 @include layout(namespace()) { 8 @include layout(namespace()) {
9 display: grid; 9 display: grid;
10 grid-template-columns: repeat(auto-fit, minmax(#{prop(--dims --card-width)}, 1fr)); 10 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
11 gap: .6rem; 11 gap: .6rem;
12
13 @include media('<=sm') {
14 grid-template-columns: 1fr;
15 }
12 } 16 }
13} 17}