diff options
Diffstat (limited to 'src/layouts/_card-list.vars.scss')
| -rw-r--r-- | src/layouts/_card-list.vars.scss | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss index c2df3ef..7d19e07 100644 --- a/src/layouts/_card-list.vars.scss +++ b/src/layouts/_card-list.vars.scss | |||
| @@ -1,19 +1,22 @@ | |||
| 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--800)) !default; | 4 | $row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--200)) !default; |
| 5 | $col-gap: props.def(--l-card-list--col-gap, props.get(core.$size--400)) !default; | 5 | $quiet--row-gap: props.def(--l-card-list--grid--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--800)) !default; | 7 | $grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(core.$size--400)) !default; |
| 8 | $grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(core.$size--400)) !default; | 8 | $grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(core.$size--400)) !default; |
| 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--row-gap, props.get(core.$size--800)) !default; | ||
| 10 | 11 | ||
| 11 | $masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--800)) !default; | 12 | $masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--400)) !default; |
| 12 | $masonry--col-gap: props.def(--l-card-list--masonry--col-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; |
| 13 | $masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default; | 14 | $masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default; |
| 15 | $masonry--quiet--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--800)) !default; | ||
| 14 | 16 | ||
| 15 | $masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(core.$size--800)) !default; | 17 | $masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(core.$size--400)) !default; |
| 16 | $masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(core.$size--400)) !default; | 18 | $masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(core.$size--400)) !default; |
| 17 | $masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default; | 19 | $masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default; |
| 20 | $masonry-h--quiet--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(core.$size--800)) !default; | ||
| 18 | 21 | ||
| 19 | $border-color: props.def(--l-card-list--border-color, props.get(core.$theme, --border)) !default; | 22 | $border-color: props.def(--l-card-list--border-color, props.get(core.$theme, --border)) !default; |