diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-18 19:07:42 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-18 19:07:42 +0200 |
| commit | e3d34a6d6ce2db04c3c898ad6a4687a0c59df996 (patch) | |
| tree | 58b338d738076579030624b563df2365af19782e /src/objects/_alert.vars.scss | |
| parent | Refactoring (diff) | |
| download | iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.gz iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.bz2 iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.zip | |
Update
Diffstat (limited to 'src/objects/_alert.vars.scss')
| -rw-r--r-- | src/objects/_alert.vars.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss index e69de29..64d8f1f 100644 --- a/src/objects/_alert.vars.scss +++ b/src/objects/_alert.vars.scss | |||
| @@ -0,0 +1,26 @@ | |||
| 1 | @use '../props'; | ||
| 2 | @use '../core'; | ||
| 3 | |||
| 4 | $border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default; | ||
| 5 | $pad-i: props.def(--o-alert--pad-i, props.get(core.$size--250)) !default; | ||
| 6 | $pad-b: props.def(--o-alert--pad-b, props.get(core.$size--200)) !default; | ||
| 7 | $rounding: props.def(--o-alert--rounding, props.get(core.$rounding)) !default; | ||
| 8 | |||
| 9 | $bg-color: props.def(--o-alert--bg-color, props.get(core.$theme, --bg-l2)) !default; | ||
| 10 | $border-color: props.def(--o-alert--bg-color, props.get(core.$theme, --text-mute-more)) !default; | ||
| 11 | |||
| 12 | $themes: ( | ||
| 13 | accent: --accent, | ||
| 14 | positive: --positive, | ||
| 15 | negative: --negative, | ||
| 16 | warning: --warning, | ||
| 17 | ) !default; | ||
| 18 | |||
| 19 | $populated-themes: props.def(--o-alert); | ||
| 20 | @each $theme, $key in $themes { | ||
| 21 | $populated-themes: props.merge($populated-themes, ( | ||
| 22 | $key: ( | ||
| 23 | --border-color: props.get(core.$theme, $key, --700), | ||
| 24 | ) | ||
| 25 | )); | ||
| 26 | } | ||
