From 6376f1a5225b2fa45f6c861d4a265bf13b56d038 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 29 Jun 2024 10:01:02 +0200
Subject: Update

---
 src/layouts/_container.scss | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

(limited to 'src/layouts/_container.scss')

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);
         }
     }
 }
-- 
cgit v1.2.3-54-g00ecf