summaryrefslogtreecommitdiffstats
path: root/src_old/layouts/_container.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src_old/layouts/_container.scss')
-rw-r--r--src_old/layouts/_container.scss45
1 files changed, 0 insertions, 45 deletions
diff --git a/src_old/layouts/_container.scss b/src_old/layouts/_container.scss
deleted file mode 100644
index d13c4f3..0000000
--- a/src_old/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}