summaryrefslogtreecommitdiffstats
path: root/src/layouts/_form.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts/_form.scss')
-rw-r--r--src/layouts/_form.scss11
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;