Separate function for global props

2 files changed, 10 insertions, 10 deletions

diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index af5b208..40e8ab6 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -9,7 +9,7 @@
             --sm-content-width:  iro.fn-px-to-rem(360px),
             --padding-x:         3rem,
             --padding-y:         3rem,
-            --in-page-spacing-y: fn.dim(--spacing --y --xl, $global: true),
+            --in-page-spacing-y: fn.global-dim(--spacing --y --xl),
         )
     ), 'dims');
 
@@ -17,8 +17,8 @@
         overflow: hidden;
 
         @include iro.bem-elem('inner') {
-            margin-top:    calc(-1 * fn.dim(--spacing --y --xl, $global: true));
-            margin-bottom: calc(-1 * fn.dim(--spacing --y --xl, $global: true));
+            margin-top:    calc(-1 * fn.global-dim(--spacing --y --xl));
+            margin-bottom: calc(-1 * fn.global-dim(--spacing --y --xl));
 
             &::before,
             &::after {
@@ -29,11 +29,11 @@
             }
 
             &::before {
-                margin-bottom: fn.dim(--spacing --y --xl, $global: true);
+                margin-bottom: fn.global-dim(--spacing --y --xl);
             }
 
             &::after {
-                margin-top: fn.dim(--spacing --y --xl, $global: true);
+                margin-top: fn.global-dim(--spacing --y --xl);
             }
         }
 
@@ -80,8 +80,8 @@
         }
 
         @include iro.bem-modifier('themed') {
-            background-color: fn.color(--bg, $global: true);
-            color:            fn.color(--fg, $global: true);
+            background-color: fn.global-color(--bg);
+            color:            fn.global-color(--fg);
         }
 
         @include iro.bem-modifier('in-page') {
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index ac54607..aa4a166 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -4,9 +4,9 @@
 @include iro.props-namespace('form') {
     @include iro.props-store((
         --dims: (
-            --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),
+            --item-spacing-y:  fn.global-dim(--spacing --y --md),
+            --label-spacing-x: fn.global-dim(--spacing --x --md),
+            --hint-font-size:  fn.global-dim(--font-size --sm),
         ),
     ), 'dims');