@use 'iro-sass/src/iro-sass' as iro;
@use '../props';
@use '../core.vars' as core;

$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(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;