summaryrefslogtreecommitdiffstats
path: root/src/objects/_alert.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.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.scss')
-rw-r--r--src/objects/_alert.scss49
1 files changed, 28 insertions, 21 deletions
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss
index 3aeb781..c2a1c58 100644
--- a/src/objects/_alert.scss
+++ b/src/objects/_alert.scss
@@ -1,37 +1,44 @@
1@use "sass:map"; 1@use 'sass:map';
2@use "sass:meta"; 2@use 'sass:meta';
3@use "pkg:iro-sass/bem"; 3@use 'pkg:iro-sass/src/bem';
4@use "pkg:iro-sass/props"; 4@use 'pkg:iro-sass/src/props';
5@use "../props" as *; 5@use '../props' as *;
6 6
7@forward "alert.vars"; 7@forward 'alert.vars';
8@use "alert.vars" as vars; 8@use 'alert.vars' as vars;
9 9
10@mixin styles { 10@mixin styles {
11 @include materialize-at-root(meta.module-variables("vars")); 11 @include materialize-at-root(meta.module-variables('vars'));
12 12
13 @include bem.object("alert") { 13 @include bem.object('alert') {
14 padding-block: props.get(vars.$pad-b); 14 padding-block: props.get(vars.$pad-b);
15 padding-inline: props.get(vars.$pad-i); 15 padding-inline: props.get(vars.$pad-i);
16 background-color: props.get(vars.$bg-color); 16 background-color: props.get(vars.$bg-color);
17 border: props.get(vars.$border-width) solid transparent; 17 border: props.get(vars.$border-width) solid transparent;
18 border-color: props.get(vars.$border-color); 18 border-color: props.get(vars.$border-color);
19 border-radius: props.get(vars.$rounding); 19 border-radius: props.get(vars.$rounding);
20 box-shadow: props.get(vars.$shadow-x) props.get(vars.$shadow-y) props.get(vars.$shadow-blur) 20 box-shadow:
21 props.get(vars.$shadow-grow) props.get(vars.$shadow-color); 21 props.get(vars.$shadow-x)
22 props.get(vars.$shadow-y)
23 props.get(vars.$shadow-blur)
24 props.get(vars.$shadow-grow)
25 props.get(vars.$shadow-color);
22 26
23 &::before { 27 &::before {
24 display: block; 28 display: block;
25 margin-block: -100em 100em; 29 margin-block: -100em 100em;
26 content: ""; 30 content: '';
27 } 31 }
28 32
29 @each $mod, $theme in vars.$themes-config { 33 @each $mod, $theme in vars.$themes-config {
30 @include bem.modifier($mod) { 34 @include bem.modifier($mod) {
31 background-color: props.get(vars.$themes, $theme, --bg-color); 35 background-color: props.get(vars.$themes, $theme, --bg-color);
32 border-color: props.get(vars.$themes, $theme, --border-color); 36 border-color: props.get(vars.$themes, $theme, --border-color);
33 box-shadow: props.get(vars.$shadow-x) props.get(vars.$shadow-y) 37 box-shadow:
34 props.get(vars.$shadow-blur) props.get(vars.$shadow-grow) 38 props.get(vars.$shadow-x)
39 props.get(vars.$shadow-y)
40 props.get(vars.$shadow-blur)
41 props.get(vars.$shadow-grow)
35 props.get(vars.$themes, $theme, --shadow-color); 42 props.get(vars.$themes, $theme, --shadow-color);
36 } 43 }
37 } 44 }