diff options
author | Volpeon <git@volpeon.ink> | 2025-07-22 19:33:29 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2025-07-22 19:33:29 +0200 |
commit | b01fd640bbbc174eaab72e00cbb5a2806de46030 (patch) | |
tree | fa4f65b1d1f3b85b038b3dfb35671c43b3548afb /src/layouts/_card-list.vars.scss | |
parent | Improved card (diff) | |
download | iro-design-b01fd640bbbc174eaab72e00cbb5a2806de46030.tar.gz iro-design-b01fd640bbbc174eaab72e00cbb5a2806de46030.tar.bz2 iro-design-b01fd640bbbc174eaab72e00cbb5a2806de46030.zip |
Add borderless/shadow to card list
Diffstat (limited to 'src/layouts/_card-list.vars.scss')
-rw-r--r-- | src/layouts/_card-list.vars.scss | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss index b4f30d9..4810834 100644 --- a/src/layouts/_card-list.vars.scss +++ b/src/layouts/_card-list.vars.scss | |||
@@ -29,6 +29,13 @@ $masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.g | |||
29 | $masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default; | 29 | $masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default; |
30 | $masonry-h--quiet--row-gap: props.def(--l-card-list--masonry-h--quiet--row-gap, props.get(core.$size--800)) !default; | 30 | $masonry-h--quiet--row-gap: props.def(--l-card-list--masonry-h--quiet--row-gap, props.get(core.$size--800)) !default; |
31 | 31 | ||
32 | $shadow-x: props.def(--l-card-list--shadow-x, props.get(card.$shadow-x)) !default; | ||
33 | $shadow-y: props.def(--l-card-list--shadow-y, props.get(card.$shadow-y)) !default; | ||
34 | $shadow-blur: props.def(--l-card-list--shadow-blur, props.get(card.$shadow-blur)) !default; | ||
35 | $shadow-grow: props.def(--l-card-list--shadow-grow, props.get(card.$shadow-grow)) !default; | ||
36 | |||
32 | $card-bg-color: props.def(--l-card-list--bg-color, props.get(card.$bg-color), 'color') !default; | 37 | $card-bg-color: props.def(--l-card-list--bg-color, props.get(card.$bg-color), 'color') !default; |
33 | $border-color: props.def(--l-card-list--border-color, props.get(card.$border-color), 'color') !default; | 38 | $border-color: props.def(--l-card-list--border-color, props.get(card.$border-color), 'color') !default; |
39 | $shadow-color: props.def(--l-card-list--shadow-color, props.get(card.$shadow-color), 'color') !default; | ||
40 | |||
34 | $border-color-dark: props.def(--l-card-list--border-color, props.get(core.$theme, --bg-l1), 'dark') !default; | 41 | $border-color-dark: props.def(--l-card-list--border-color, props.get(core.$theme, --bg-l1), 'dark') !default; |