diff options
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 | } | ||