1 files changed, 22 insertions, 0 deletions

diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss
new file mode 100644
index 0000000..8b2258a
--- /dev/null
+++ b/src/layouts/_container.vars.scss
@@ -0,0 +1,22 @@
+@use 'iro-sass/src/iro-sass' as iro;
+@use '../props';
+@use '../vars';
+
+$fixed-125: props.def(--l-container--fixed-125, iro.fn-px-to-rem(720px)) !default;
+$fixed:     props.def(--l-container--fixed, iro.fn-px-to-rem(610px)) !default;
+$fixed-75:  props.def(--l-container--fixed-75, iro.fn-px-to-rem(500px)) !default;
+
+$fixed-sizes: (
+    'fixed-125': $fixed-125,
+    'fixed':     $fixed,
+    'fixed-75':  $fixed-75
+) !default;
+
+$pad-i: props.def(--l-container--pad-i, props.get(vars.$size--400)) !default;
+$pad-b: props.def(--l-container--pad-b, props.get(vars.$size--800)) !default;
+
+$pad-i--sm: props.def(--l-container--pad-i, props.get(vars.$size--200), 'sm') !default;
+$pad-b--sm: props.def(--l-container--pad-b, props.get(vars.$size--600), 'sm') !default;
+
+$pad-i--xs: props.def(--l-container--pad-i, props.get(vars.$size--150), 'xs') !default;
+$pad-b--xs: props.def(--l-container--pad-b, props.get(vars.$size--450), 'xs') !default;