Improved variable structure

1 files changed, 6 insertions, 5 deletions

diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 3c7edcb..ac54607 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -1,19 +1,20 @@
 @use 'iro-sass/src/index' as iro;
+@use '../functions' as fn;
 
 @include iro.props-namespace('form') {
     @include iro.props-store((
         --dims: (
-            --item-spacing-y:  iro.props-get(--dims --spacing --y --md, $global: true),
-            --label-spacing-x: iro.props-get(--dims --spacing --x --md, $global: true),
-            --hint-font-size:  iro.props-get(--dims --font-size --sm, $global: true),
+            --item-spacing-y:  fn.dim(--spacing --y --md, $global: true),
+            --label-spacing-x: fn.dim(--spacing --x --md, $global: true),
+            --hint-font-size:  fn.dim(--font-size --sm, $global: true),
         ),
-    ));
+    ), 'dims');
 
     @include iro.bem-layout(iro.props-namespace()) {
         display:        flex;
         flex-direction: column;
         align-items:    baseline;
-        gap:            iro.props-get(--dims --item-spacing-y) iro.props-get(--dims --label-spacing-x);
+        gap:            fn.dim(--item-spacing-y) fn.dim(--label-spacing-x);
     
         @include iro.bem-modifier('labels-left', 'labels-right') {
             display:               grid;