summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/layouts/_container.scss19
1 files changed, 19 insertions, 0 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 3e3fcac..04a0e9e 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -6,9 +6,18 @@
6 --dims: ( 6 --dims: (
7 --width: iro.fn-px-to-rem(700px), 7 --width: iro.fn-px-to-rem(700px),
8 --width-50: iro.fn-px-to-rem(360px), 8 --width-50: iro.fn-px-to-rem(360px),
9 --pad-x: fn.global-dim(--size --200),
10 --pad-y: fn.global-dim(--size --400),
9 ) 11 )
10 ), 'dims'); 12 ), 'dims');
11 13
14 @include iro.props-store((
15 --dims: (
16 --pad-x: fn.global-dim(--size --100),
17 --pad-y: fn.global-dim(--size --300),
18 )
19 ), 'sm');
20
12 @include iro.bem-layout(iro.props-namespace()) { 21 @include iro.bem-layout(iro.props-namespace()) {
13 @include iro.bem-modifier('narrow') { 22 @include iro.bem-modifier('narrow') {
14 max-width: fn.dim(--width); 23 max-width: fn.dim(--width);
@@ -21,5 +30,15 @@
21 margin-right: auto; 30 margin-right: auto;
22 margin-left: auto; 31 margin-left: auto;
23 } 32 }
33
34 @include iro.bem-modifier('pad-x') {
35 padding-right: fn.dim(--pad-x);
36 padding-left: fn.dim(--pad-x);
37 }
38
39 @include iro.bem-modifier('pad-y') {
40 padding-top: fn.dim(--pad-y);
41 padding-bottom: fn.dim(--pad-y);
42 }
24 } 43 }
25} 44}