Update

1 files changed, 11 insertions, 14 deletions

diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index fcc4837..06607a1 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -7,22 +7,22 @@
             --narrow-125: iro.fn-px-to-rem(720px),
             --narrow:     iro.fn-px-to-rem(610px),
             --narrow-75:  iro.fn-px-to-rem(500px),
-            --pad-x:      fn.global-dim(--size --400),
-            --pad-y:      fn.global-dim(--size --800),
+            --pad-i:      fn.global-dim(--size --400),
+            --pad-b:      fn.global-dim(--size --800),
         )
     ));
 
     @include iro.props-store((
         --dims: (
-            --pad-x: fn.global-dim(--size --200),
-            --pad-y: fn.global-dim(--size --600),
+            --pad-i: fn.global-dim(--size --200),
+            --pad-b: fn.global-dim(--size --600),
         )
     ), 'sm');
 
     @include iro.props-store((
         --dims: (
-            --pad-x: fn.global-dim(--size --150),
-            --pad-y: fn.global-dim(--size --450),
+            --pad-i: fn.global-dim(--size --150),
+            --pad-b: fn.global-dim(--size --450),
         )
     ), 'xs');
 
@@ -30,19 +30,16 @@
         @each $size in 'narrow-125' 'narrow' 'narrow-75' {
             @include iro.bem-modifier($size) {
                 max-inline-size: fn.dim(--#{$size});
-                margin-right:    auto;
-                margin-left:     auto;
+                margin-inline:   auto;
             }
         }
 
-        @include iro.bem-modifier('pad-x') {
-            padding-right: fn.dim(--pad-x);
-            padding-left:  fn.dim(--pad-x);
+        @include iro.bem-modifier('pad-i') {
+            margin-inline: fn.dim(--pad-i);
         }
 
-        @include iro.bem-modifier('pad-y') {
-            padding-top:    fn.dim(--pad-y);
-            padding-bottom: fn.dim(--pad-y);
+        @include iro.bem-modifier('pad-b') {
+            padding-block: fn.dim(--pad-b);
         }
     }
 }