1 files changed, 11 insertions, 14 deletions

diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 52acfb8..d31a631 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -4,10 +4,11 @@
 @include iro.props-namespace('container') {
     @include iro.props-store((
         --dims: (
-            --width:    iro.fn-px-to-rem(620px),
-            --width-50: iro.fn-px-to-rem(320px),
-            --pad-x:    fn.global-dim(--size --400),
-            --pad-y:    fn.global-dim(--size --800),
+            --narrow-125: iro.fn-px-to-rem(800px),
+            --narrow:     iro.fn-px-to-rem(600px),
+            --narrow-75:  iro.fn-px-to-rem(400px),
+            --pad-x:      fn.global-dim(--size --400),
+            --pad-y:      fn.global-dim(--size --800),
         )
     ), 'dims');
 
@@ -19,16 +20,12 @@
     ), 'sm');
 
     @include iro.bem-layout(iro.props-namespace()) {
-        @include iro.bem-modifier('narrow') {
-            max-width:    fn.dim(--width);
-            margin-right: auto;
-            margin-left:  auto;
-        }
-
-        @include iro.bem-modifier('narrow-50') {
-            max-width:    fn.dim(--width-50);
-            margin-right: auto;
-            margin-left:  auto;
+        @each $size in 'narrow-125' 'narrow' 'narrow-75' {
+            @include iro.bem-modifier($size) {
+                max-width:    fn.dim(--#{$size});
+                margin-right: auto;
+                margin-left:  auto;
+            }
         }
 
         @include iro.bem-modifier('pad-x') {