1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
@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--600)) !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;
$sm--pad-i: props.def(--l-container--sm--pad-i, props.get(core.$size--300)) !default;
$sm--pad-b: props.def(--l-container--sm--pad-b, props.get(core.$size--800)) !default;
$sm--pad-i--sm: props.def(--l-container--sm--pad-i, props.get(core.$size--200), 'sm') !default;
$sm--pad-b--sm: props.def(--l-container--sm--pad-b, props.get(core.$size--600), 'sm') !default;
$sm--pad-i--xs: props.def(--l-container--sm--pad-i, props.get(core.$size--150), 'xs') !default;
$sm--pad-b--xs: props.def(--l-container--sm--pad-b, props.get(core.$size--450), 'xs') !default;
$sizes: (
'sm': $sm--pad-i $sm--pad-b,
) !default;
|
