summaryrefslogtreecommitdiffstats
path: root/src/layouts/_card-list.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-18 18:08:24 +0200
committerVolpeon <git@volpeon.ink>2024-10-18 18:08:24 +0200
commit365c56edcc36b5b92902bac01ce44b43d01e8685 (patch)
tree644611792591a76e605068d0c9e230fad6a633e7 /src/layouts/_card-list.vars.scss
parentRevamped variable management (diff)
downloadiro-design-365c56edcc36b5b92902bac01ce44b43d01e8685.tar.gz
iro-design-365c56edcc36b5b92902bac01ce44b43d01e8685.tar.bz2
iro-design-365c56edcc36b5b92902bac01ce44b43d01e8685.zip
Refactoring
Diffstat (limited to 'src/layouts/_card-list.vars.scss')
-rw-r--r--src/layouts/_card-list.vars.scss19
1 files changed, 19 insertions, 0 deletions
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
new file mode 100644
index 0000000..b3aaac4
--- /dev/null
+++ b/src/layouts/_card-list.vars.scss
@@ -0,0 +1,19 @@
1@use '../props';
2@use '../vars';
3
4$row-gap: props.def(--l-card-list--row-gap, props.get(vars.$size--800)) !default;
5$col-gap: props.def(--l-card-list--col-gap, props.get(vars.$size--400)) !default;
6
7$grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(vars.$size--800)) !default;
8$grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(vars.$size--400)) !default;
9$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(vars.$size--3200)) !default;
10
11$masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(vars.$size--800)) !default;
12$masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(vars.$size--400)) !default;
13$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(vars.$size--3200)) !default;
14
15$masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(vars.$size--800)) !default;
16$masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(vars.$size--400)) !default;
17$masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(vars.$size--3200)) !default;
18
19$border-color: props.def(--l-card-list--border-color, props.get(vars.$theme, --border)) !default;