diff options
-rw-r--r-- | src/_declare-vars.scss | 8 | ||||
-rw-r--r-- | src/layouts/_container.scss | 7 |
2 files changed, 15 insertions, 0 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 3fe8389..aa27aec 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -119,6 +119,14 @@ | |||
119 | ) | 119 | ) |
120 | ), 'sm'); | 120 | ), 'sm'); |
121 | 121 | ||
122 | @include iro.props-store(( | ||
123 | --dims: ( | ||
124 | --list: ( | ||
125 | --indent: fn.dim(--size --250), | ||
126 | ), | ||
127 | ) | ||
128 | ), 'xs'); | ||
129 | |||
122 | // | 130 | // |
123 | 131 | ||
124 | @include iro.props-store(( | 132 | @include iro.props-store(( |
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 4d92756..b7ebde0 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -19,6 +19,13 @@ | |||
19 | ) | 19 | ) |
20 | ), 'sm'); | 20 | ), 'sm'); |
21 | 21 | ||
22 | @include iro.props-store(( | ||
23 | --dims: ( | ||
24 | --pad-x: fn.global-dim(--size --150), | ||
25 | --pad-y: fn.global-dim(--size --450), | ||
26 | ) | ||
27 | ), 'xs'); | ||
28 | |||
22 | @include iro.bem-layout(iro.props-namespace()) { | 29 | @include iro.bem-layout(iro.props-namespace()) { |
23 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { | 30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { |
24 | @include iro.bem-modifier($size) { | 31 | @include iro.bem-modifier($size) { |