From 6b0fcac695aa7a5517f6f53cec50da493acc4582 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 22 Jun 2024 19:30:00 +0200
Subject: Update

---
 src/layouts/_container.scss     |  6 +++---
 src/layouts/_media.scss         |  6 +++---
 src/layouts/_message-group.scss | 14 +++++++-------
 3 files changed, 13 insertions(+), 13 deletions(-)

(limited to 'src/layouts')

diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index b28eea2..fcc4837 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -29,9 +29,9 @@
     @include iro.bem-layout(iro.props-namespace()) {
         @each $size in 'narrow-125' 'narrow' 'narrow-75' {
             @include iro.bem-modifier($size) {
-                max-width:    fn.dim(--#{$size});
-                margin-right: auto;
-                margin-left:  auto;
+                max-inline-size: fn.dim(--#{$size});
+                margin-right:    auto;
+                margin-left:     auto;
             }
         }
 
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index fa90975..953c8c0 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -62,9 +62,9 @@
             flex: 0 0 auto;
 
             @include iro.bem-modifier('main') {
-                flex-shrink: 1;
-                width:       100%;
-                min-width:   0;
+                flex-shrink:     1;
+                inline-size:     100%;
+                min-inline-size: 0;
             }
         }
     }
diff --git a/src/layouts/_message-group.scss b/src/layouts/_message-group.scss
index f977b61..235e242 100644
--- a/src/layouts/_message-group.scss
+++ b/src/layouts/_message-group.scss
@@ -26,16 +26,16 @@
         gap:                   0 fn.dim(--spacing-x);
         
         @include iro.bem-elem('avatar') {
-            grid-area: avatar;
-            height:    0;
+            grid-area:  avatar;
+            block-size: 0;
         }
         
         @include iro.bem-elem('message') {
-            grid-column: message;
-            position:    relative;
-            box-sizing:  border-box;
-            min-width:   0;
-            max-width:   100%;
+            grid-column:     message;
+            position:        relative;
+            box-sizing:      border-box;
+            min-inline-size: 0;
+            max-inline-size: 100%;
 
             &::before {
                 content:             '';
-- 
cgit v1.2.3-54-g00ecf