summaryrefslogtreecommitdiffstats
path: root/src/layouts/_container.vars.scss
blob: f5343a6b7d6fe028320465c62ed4ea413cafadea (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/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;