From 3524f1bac11c8a9d1640bfeac5ceb063ff96d623 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 6 Feb 2022 17:17:33 +0100 Subject: Improved variable structure --- src/layouts/_form.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'src/layouts/_form.scss') 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; -- cgit v1.2.3-54-g00ecf