diff options
author | Volpeon <git@volpeon.ink> | 2024-10-17 16:45:00 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-17 16:45:00 +0200 |
commit | 50f6acc739f24bfa2ca080d08e90d82f8fa83543 (patch) | |
tree | 404dbe97d34b7e4fc3293c8e6a8c92d9941ac51e /src/layouts/_container.scss | |
parent | Colors (diff) | |
download | iro-design-50f6acc739f24bfa2ca080d08e90d82f8fa83543.tar.gz iro-design-50f6acc739f24bfa2ca080d08e90d82f8fa83543.tar.bz2 iro-design-50f6acc739f24bfa2ca080d08e90d82f8fa83543.zip |
Revamped variable management
Diffstat (limited to 'src/layouts/_container.scss')
-rw-r--r-- | src/layouts/_container.scss | 45 |
1 files changed, 0 insertions, 45 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss deleted file mode 100644 index d13c4f3..0000000 --- a/src/layouts/_container.scss +++ /dev/null | |||
@@ -1,45 +0,0 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | @use '../functions' as fn; | ||
3 | |||
4 | @include iro.props-namespace('container') { | ||
5 | @include iro.props-store(( | ||
6 | --dims: ( | ||
7 | --narrow-125: iro.fn-px-to-rem(720px), | ||
8 | --narrow: iro.fn-px-to-rem(610px), | ||
9 | --narrow-75: iro.fn-px-to-rem(500px), | ||
10 | --pad-i: fn.global-dim(--size --400), | ||
11 | --pad-b: fn.global-dim(--size --800), | ||
12 | ) | ||
13 | )); | ||
14 | |||
15 | @include iro.props-store(( | ||
16 | --dims: ( | ||
17 | --pad-i: fn.global-dim(--size --200), | ||
18 | --pad-b: fn.global-dim(--size --600), | ||
19 | ) | ||
20 | ), 'sm'); | ||
21 | |||
22 | @include iro.props-store(( | ||
23 | --dims: ( | ||
24 | --pad-i: fn.global-dim(--size --150), | ||
25 | --pad-b: fn.global-dim(--size --450), | ||
26 | ) | ||
27 | ), 'xs'); | ||
28 | |||
29 | @include iro.bem-layout(iro.props-namespace()) { | ||
30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { | ||
31 | @include iro.bem-modifier($size) { | ||
32 | max-inline-size: fn.dim(--#{$size}); | ||
33 | margin-inline: auto; | ||
34 | } | ||
35 | } | ||
36 | |||
37 | @include iro.bem-modifier('pad-i') { | ||
38 | padding-inline: fn.dim(--pad-i); | ||
39 | } | ||
40 | |||
41 | @include iro.bem-modifier('pad-b') { | ||
42 | padding-block: fn.dim(--pad-b); | ||
43 | } | ||
44 | } | ||
45 | } | ||