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..56b6c89
--- /dev/null
+++ b/src/layouts/_container.vars.scss
@@ -0,0 +1,22 @@
+@use 'iro-sass/src/functions' as fn;
+@use 'iro-sass/src/props';
+@use '../core.vars' as core;
+
+$fixed-200: props.def(--l-container--fixed-200, fn.px-to-rem(1300px)) !default;
+$fixed-150: props.def(--l-container--fixed-150, fn.px-to-rem(860px)) !default;
+$fixed:     props.def(--l-container--fixed, fn.px-to-rem(680px)) !default;
+
+$fixed-sizes: (
+    'fixed-200': $fixed-200,
+    'fixed-150': $fixed-150,
+    'fixed':     $fixed
+) !default;
+
+$pad-i: props.def(--l-container--pad-i, props.get(core.$size--400)) !default;
+$pad-b: props.def(--l-container--pad-b, props.get(core.$size--800)) !default;
+
+$pad-i--sm: props.def(--l-container--pad-i, props.get(core.$size--200), 'sm') !default;
+$pad-b--sm: props.def(--l-container--pad-b, props.get(core.$size--600), 'sm') !default;
+
+$pad-i--xs: props.def(--l-container--pad-i, props.get(core.$size--150), 'xs') !default;
+$pad-b--xs: props.def(--l-container--pad-b, props.get(core.$size--450), 'xs') !default;