summaryrefslogtreecommitdiffstats
path: root/src/objects/_alert.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 13:00:59 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 13:00:59 +0200
commitaeed08dc46662a0d70e04bcea612a701633736e7 (patch)
treea4077017d3519185ccd9ea08955fccdd737ffe17 /src/objects/_alert.vars.scss
parentPaths (diff)
downloadiro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.gz
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.bz2
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.zip
Revert "Paths"
This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.
Diffstat (limited to 'src/objects/_alert.vars.scss')
-rw-r--r--src/objects/_alert.vars.scss52
1 files changed, 19 insertions, 33 deletions
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss
index aedd917..bbd3dad 100644
--- a/src/objects/_alert.vars.scss
+++ b/src/objects/_alert.vars.scss
@@ -1,50 +1,36 @@
1@use "pkg:iro-sass/props"; 1@use 'pkg:iro-sass/src/props';
2@use "../core.vars" as core; 2@use '../core.vars' as core;
3 3
4$border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default; 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; 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; 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; 7$rounding: props.def(--o-alert--rounding, props.get(core.$rounding)) !default;
8 8
9$shadow-x: props.def(--o-alert--shadow-x, props.get(core.$shadow--l2--x)) !default; 9$shadow-x: props.def(--o-alert--shadow-x, props.get(core.$shadow--l2--x)) !default;
10$shadow-y: props.def(--o-alert--shadow-y, props.get(core.$shadow--l2--y)) !default; 10$shadow-y: props.def(--o-alert--shadow-y, props.get(core.$shadow--l2--y)) !default;
11$shadow-blur: props.def(--o-alert--shadow-blur, props.get(core.$shadow--l2--blur)) !default; 11$shadow-blur: props.def(--o-alert--shadow-blur, props.get(core.$shadow--l2--blur)) !default;
12$shadow-grow: props.def(--o-alert--shadow-grow, props.get(core.$shadow--l2--grow)) !default; 12$shadow-grow: props.def(--o-alert--shadow-grow, props.get(core.$shadow--l2--grow)) !default;
13 13
14$bg-color: props.def(--o-alert--bg-color, props.get(core.$theme, --bg-l2), "color") !default; 14$bg-color: props.def(--o-alert--bg-color, props.get(core.$theme, --bg-l2), 'color') !default;
15$border-color: props.def( 15$border-color: props.def(--o-alert--border-color, props.get(core.$theme, --text-mute-more) props.get(core.$theme, --text-mute-more) props.get(core.$theme, --text-mute), 'color') !default;
16 --o-alert--border-color,
17 props.get(core.$theme, --text-mute-more) props.get(core.$theme, --text-mute-more)
18 props.get(core.$theme, --text-mute),
19 "color"
20) !default;
21 16
22$shadow-color: props.def( 17$shadow-color: props.def(--o-alert--shadow-color, props.get(core.$transparent-colors, --black, --200), 'color') !default;
23 --o-alert--shadow-color,
24 props.get(core.$transparent-colors, --black, --200),
25 "color"
26) !default;
27 18
28$themes-config: ( 19$themes-config: (
29 accent: --accent, 20 accent: --accent,
30 positive: --positive, 21 positive: --positive,
31 negative: --negative, 22 negative: --negative,
32 warning: --warning, 23 warning: --warning,
33) !default; 24) !default;
34 25
35$themes: props.def(--o-alert, (), "color"); 26$themes: props.def(--o-alert, (), 'color');
36 27
37@each $theme, $key in $themes-config { 28@each $theme, $key in $themes-config {
38 $themes: props.merge( 29 $themes: props.merge($themes, (
39 $themes, 30 $key: (
40 ( 31 --bg-color: props.get(core.$theme, --bg-l2),
41 $key: ( 32 --border-color: props.get(core.$theme, $key, --700) props.get(core.$theme, $key, --700) props.get(core.$theme, $key, --800),
42 --bg-color: props.get(core.$theme, --bg-l2), 33 --shadow-color: props.get(core.$theme, $key, --200),
43 --border-color: props.get(core.$theme, $key, --700)
44 props.get(core.$theme, $key, --700)
45 props.get(core.$theme, $key, --800),
46 --shadow-color: props.get(core.$theme, $key, --200),
47 ),
48 ) 34 )
49 ); 35 ));
50} 36}