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 @@
+@use '../props';
+@use '../vars';
+
+$row-gap: props.def(--l-card-list--row-gap, props.get(vars.$size--800)) !default;
+$col-gap: props.def(--l-card-list--col-gap, props.get(vars.$size--400)) !default;
+
+$grid--row-gap:   props.def(--l-card-list--grid--row-gap, props.get(vars.$size--800)) !default;
+$grid--col-gap:   props.def(--l-card-list--grid--col-gap, props.get(vars.$size--400)) !default;
+$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(vars.$size--3200)) !default;
+
+$masonry--row-gap:   props.def(--l-card-list--masonry--row-gap, props.get(vars.$size--800)) !default;
+$masonry--col-gap:   props.def(--l-card-list--masonry--col-gap, props.get(vars.$size--400)) !default;
+$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(vars.$size--3200)) !default;
+
+$masonry-h--row-gap:    props.def(--l-card-list--masonry-h--row-gap, props.get(vars.$size--800)) !default;
+$masonry-h--col-gap:    props.def(--l-card-list--masonry-h--col-gap, props.get(vars.$size--400)) !default;
+$masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(vars.$size--3200)) !default;
+
+$border-color: props.def(--l-card-list--border-color, props.get(vars.$theme, --border)) !default;