diff options
Diffstat (limited to 'assets/css/layouts/_card-grid.scss')
-rw-r--r-- | assets/css/layouts/_card-grid.scss | 8 |
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 | } |