summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts/_card-grid.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-04-12 20:39:04 +0200
committerVolpeon <git@volpeon.ink>2021-04-12 20:39:04 +0200
commit6b2c6c4260b2af2adad37dc1f8c50a904e04f13d (patch)
tree46db61ecffa196c31f19b7f437b554ad1c2a193c /assets/css/layouts/_card-grid.scss
parentWIP: Redesign (diff)
downloadvolpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.gz
volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.bz2
volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.zip
Update
Diffstat (limited to 'assets/css/layouts/_card-grid.scss')
-rw-r--r--assets/css/layouts/_card-grid.scss10
1 files changed, 8 insertions, 2 deletions
diff --git a/assets/css/layouts/_card-grid.scss b/assets/css/layouts/_card-grid.scss
index 8e9091a..cbc4388 100644
--- a/assets/css/layouts/_card-grid.scss
+++ b/assets/css/layouts/_card-grid.scss
@@ -1,7 +1,13 @@
1@include namespace('card-grid') { 1@include namespace('card-grid') {
2 @include store((
3 --dims: (
4 --card-width: 17em
5 )
6 ));
7
2 @include layout(namespace()) { 8 @include layout(namespace()) {
3 display: grid; 9 display: grid;
4 grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); 10 grid-template-columns: repeat(auto-fit, minmax(#{prop(--dims --card-width)}, 1fr));
5 gap: .7rem; 11 gap: .6rem;
6 } 12 }
7} 13}