summaryrefslogtreecommitdiffstats
path: root/src/objects/_field-label.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_field-label.vars.scss')
-rw-r--r--src/objects/_field-label.vars.scss42
1 files changed, 32 insertions, 10 deletions
diff --git a/src/objects/_field-label.vars.scss b/src/objects/_field-label.vars.scss
index 5bd4547..4588e70 100644
--- a/src/objects/_field-label.vars.scss
+++ b/src/objects/_field-label.vars.scss
@@ -1,12 +1,34 @@
1@use 'pkg:iro-sass/src/props'; 1@use "pkg:iro-sass/props";
2@use '../core.vars' as core; 2@use "../core.vars" as core;
3 3
4$spacing-i: props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default; 4$spacing-i: props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default;
5$spacing-b: props.def(--o-field-label--spacing-b, props.get(core.$size--85)) !default; 5$spacing-b: props.def(--o-field-label--spacing-b, props.get(core.$size--85)) !default;
6$label-font-size: props.def(--o-field-label--label-font-size, props.get(core.$font-size--75)) !default; 6$label-font-size: props.def(
7$hint-font-size: props.def(--o-field-label--hint-font-size, props.get(core.$font-size--75)) !default; 7 --o-field-label--label-font-size,
8 props.get(core.$font-size--75)
9) !default;
10$hint-font-size: props.def(
11 --o-field-label--hint-font-size,
12 props.get(core.$font-size--75)
13) !default;
8 14
9$label-color: props.def(--o-field-label--label-color, props.get(core.$theme, --text-mute), 'color') !default; 15$label-color: props.def(
10$hint-color: props.def(--o-field-label--hint-color, props.get(core.$theme, --text-mute), 'color') !default; 16 --o-field-label--label-color,
11$error-hint-color: props.def(--o-field-label--error-hint-color, props.get(core.$theme, --negative, --900), 'color') !default; 17 props.get(core.$theme, --text-mute),
12$disabled-color: props.def(--o-field-label--disabled-color, props.get(core.$theme, --text-disabled), 'color') !default; 18 "color"
19) !default;
20$hint-color: props.def(
21 --o-field-label--hint-color,
22 props.get(core.$theme, --text-mute),
23 "color"
24) !default;
25$error-hint-color: props.def(
26 --o-field-label--error-hint-color,
27 props.get(core.$theme, --negative, --900),
28 "color"
29) !default;
30$disabled-color: props.def(
31 --o-field-label--disabled-color,
32 props.get(core.$theme, --text-disabled),
33 "color"
34) !default;