1 files changed, 16 insertions, 0 deletions

diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss
new file mode 100644
index 0000000..3444611
--- /dev/null
+++ b/src/layouts/_media.vars.scss
@@ -0,0 +1,16 @@
+@use '../props';
+@use '../vars';
+
+$gap:  props.def(--l-media--gap, props.get(vars.$size--150)) !default;
+
+$gapless: props.def(--l-media--gapless, 0) !default;
+$sm:      props.def(--l-media--sm, props.get(vars.$size--100)) !default;
+$lg:      props.def(--l-media--lg, props.get(vars.$size--300)) !default;
+$xl:      props.def(--l-media--xl, props.get(vars.$size--450)) !default;
+
+$sizes: (
+    'gapless': $gapless,
+    'sm':      $sm,
+    'lg':      $lg,
+    'xl':      $xl,
+) !default;