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
36
|
@use "pkg:iro-sass/functions" as fn;
@use "pkg:iro-sass/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--md: props.def(--l-container--pad-i, props.get(core.$size--400), "md") !default;
$pad-b--md: props.def(--l-container--pad-b, props.get(core.$size--700), "md") !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, "md" $sm--pad-i $sm--pad-b) !default;
|
