summaryrefslogtreecommitdiffstats
path: root/src/objects/_alert.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_alert.vars.scss')
-rw-r--r--src/objects/_alert.vars.scss26
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}