diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
| commit | cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch) | |
| tree | d16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/objects/_field-label.vars.scss | |
| parent | Update _index.scss (diff) | |
| download | iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2 iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip | |
Paths
Diffstat (limited to 'src/objects/_field-label.vars.scss')
| -rw-r--r-- | src/objects/_field-label.vars.scss | 42 |
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; | ||