diff options
-rw-r--r-- | src/_utils.scss | 6 | ||||
-rw-r--r-- | src/layouts/_container.scss | 2 |
2 files changed, 8 insertions, 0 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 3c5ed8c..3e4fac3 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
@@ -50,6 +50,12 @@ $dirs: ( | |||
50 | display: none; | 50 | display: none; |
51 | } | 51 | } |
52 | } | 52 | } |
53 | |||
54 | @include iro.bem-suffix('empty') { | ||
55 | &:empty { | ||
56 | display: none; | ||
57 | } | ||
58 | } | ||
53 | } | 59 | } |
54 | 60 | ||
55 | @include iro.bem-utility('ta-left') { | 61 | @include iro.bem-utility('ta-left') { |
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index b567119..da1ff0c 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -27,6 +27,8 @@ | |||
27 | ), 'xs'); | 27 | ), 'xs'); |
28 | 28 | ||
29 | @include iro.bem-layout(iro.props-namespace()) { | 29 | @include iro.bem-layout(iro.props-namespace()) { |
30 | box-sizing: border-box; | ||
31 | |||
30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { | 32 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { |
31 | @include iro.bem-modifier($size) { | 33 | @include iro.bem-modifier($size) { |
32 | max-width: fn.dim(--#{$size}); | 34 | max-width: fn.dim(--#{$size}); |