summaryrefslogtreecommitdiffstats
path: root/src/layouts/_card-list.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2025-07-22 09:53:14 +0200
committerVolpeon <git@volpeon.ink>2025-07-22 09:53:14 +0200
commit9b0b363933295cdb98ba74ef69a7c699dcc9b14f (patch)
tree0ccb64d04fdefcbf4176917c1d524811f7ebd05b /src/layouts/_card-list.vars.scss
parentFix link focus rounding (diff)
downloadiro-design-9b0b363933295cdb98ba74ef69a7c699dcc9b14f.tar.gz
iro-design-9b0b363933295cdb98ba74ef69a7c699dcc9b14f.tar.bz2
iro-design-9b0b363933295cdb98ba74ef69a7c699dcc9b14f.zip
Card list
Diffstat (limited to 'src/layouts/_card-list.vars.scss')
-rw-r--r--src/layouts/_card-list.vars.scss7
1 files changed, 6 insertions, 1 deletions
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
index b489596..1c49c0f 100644
--- a/src/layouts/_card-list.vars.scss
+++ b/src/layouts/_card-list.vars.scss
@@ -1,7 +1,7 @@
1@use 'iro-sass/src/props'; 1@use 'iro-sass/src/props';
2@use '../core.vars' as core; 2@use '../core.vars' as core;
3 3
4$row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--50)) !default; 4$row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--100)) !default;
5$quiet--row-gap: props.def(--l-card-list--quiet--row-gap, props.get(core.$size--800)) !default; 5$quiet--row-gap: props.def(--l-card-list--quiet--row-gap, props.get(core.$size--800)) !default;
6 6
7$grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(core.$size--400)) !default; 7$grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(core.$size--400)) !default;
@@ -9,6 +9,11 @@ $grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(core.$s
9$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(core.$size--3200)) !default; 9$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(core.$size--3200)) !default;
10$grid--quiet--row-gap: props.def(--l-card-list--grid--quiet--row-gap, props.get(core.$size--800)) !default; 10$grid--quiet--row-gap: props.def(--l-card-list--grid--quiet--row-gap, props.get(core.$size--800)) !default;
11 11
12$grid-sm--row-gap: props.def(--l-card-list--grid-md--row-gap, props.get(core.$size--150)) !default;
13$grid-sm--col-gap: props.def(--l-card-list--grid-md--col-gap, props.get(core.$size--150)) !default;
14$grid-sm--col-width: props.def(--l-card-list--grid-md--col-width, props.get(core.$size--4600)) !default;
15$grid-sm--quiet--row-gap: props.def(--l-card-list--grid-sm--quiet--row-gap, props.get(core.$size--800)) !default;
16
12$masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--400)) !default; 17$masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--400)) !default;
13$masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(core.$size--400)) !default; 18$masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(core.$size--400)) !default;
14$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default; 19$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default;