diff options
Diffstat (limited to 'src/layouts/_form.scss')
-rw-r--r-- | src/layouts/_form.scss | 11 |
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 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | @use '../functions' as fn; | ||
2 | 3 | ||
3 | @include iro.props-namespace('form') { | 4 | @include iro.props-namespace('form') { |
4 | @include iro.props-store(( | 5 | @include iro.props-store(( |
5 | --dims: ( | 6 | --dims: ( |
6 | --item-spacing-y: iro.props-get(--dims --spacing --y --md, $global: true), | 7 | --item-spacing-y: fn.dim(--spacing --y --md, $global: true), |
7 | --label-spacing-x: iro.props-get(--dims --spacing --x --md, $global: true), | 8 | --label-spacing-x: fn.dim(--spacing --x --md, $global: true), |
8 | --hint-font-size: iro.props-get(--dims --font-size --sm, $global: true), | 9 | --hint-font-size: fn.dim(--font-size --sm, $global: true), |
9 | ), | 10 | ), |
10 | )); | 11 | ), 'dims'); |
11 | 12 | ||
12 | @include iro.bem-layout(iro.props-namespace()) { | 13 | @include iro.bem-layout(iro.props-namespace()) { |
13 | display: flex; | 14 | display: flex; |
14 | flex-direction: column; | 15 | flex-direction: column; |
15 | align-items: baseline; | 16 | align-items: baseline; |
16 | gap: iro.props-get(--dims --item-spacing-y) iro.props-get(--dims --label-spacing-x); | 17 | gap: fn.dim(--item-spacing-y) fn.dim(--label-spacing-x); |
17 | 18 | ||
18 | @include iro.bem-modifier('labels-left', 'labels-right') { | 19 | @include iro.bem-modifier('labels-left', 'labels-right') { |
19 | display: grid; | 20 | display: grid; |