From bfd2f3750498826f457f96b7dd89476589fa31cd Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 25 Jun 2024 19:17:42 +0200
Subject: Fix form

---
 src/layouts/_form.scss | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

(limited to 'src/layouts')

diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 9c741ec..f6b60ea 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -6,8 +6,8 @@
 @include iro.props-namespace('form') {
     @include iro.props-store((
         --dims: (
-            --item-spacing-y:  fn.global-dim(--size --325),
-            --label-spacing-x: fn.global-dim(--size --325),
+            --item-spacing-b:  fn.global-dim(--size --325),
+            --label-spacing-i: fn.global-dim(--size --325),
             --hint-font-size:  fn.global-dim(--font-size --75),
         ),
     ));
@@ -15,7 +15,7 @@
     @include iro.bem-layout(iro.props-namespace()) {
         display:        flex;
         flex-direction: column;
-        gap:            fn.dim(--item-spacing-y) fn.dim(--label-spacing-x);
+        gap:            fn.dim(--item-spacing-b) fn.dim(--label-spacing-i);
     
         @include iro.bem-elem('item') {
             display: block;
@@ -32,7 +32,7 @@
             align-items:    flex-end;
         }
     
-        @include iro.bem-modifier('labels-left', 'labels-right') {
+        @include iro.bem-modifier('labels-start', 'labels-end') {
             display:               grid;
             grid-template-columns: auto 1fr;
             grid-template-rows:    auto;
@@ -43,19 +43,19 @@
             }
         
             @include iro.bem-elem('item-label') {
-                grid-column:   1;
-                padding-right: 0;
+                grid-column:        1;
+                padding-inline-end: 0;
             }
         
             @include iro.bem-elem('item-content') {
-                grid-column: 2;
-                margin-top:  0;
+                grid-column:        2;
+                margin-block-start: 0;
             }
         }
     
-        @include iro.bem-modifier('labels-right') {
+        @include iro.bem-modifier('labels-end') {
             @include iro.bem-elem('item-label') {
-                text-align: right;
+                text-align: end;
             }
         }
     }
-- 
cgit v1.2.3-70-g09d2