blob: 7fd972c0b3c0639cd94c954a61d650912e508e8e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
@use "@styles/abstracts/functions" as fun;
.wrapper {
padding: var(--spacing-2xs) var(--spacing-xs);
border: fun.convert-px(2) solid;
font-weight: bold;
&--error {
border-color: var(--color-token-red);
color: var(--color-token-red);
}
&--info {
border-color: var(--color-token-blue);
color: var(--color-token-blue);
}
&--success {
border-color: var(--color-token-green);
color: var(--color-token-green);
}
&--warning {
border-color: var(--color-token-orange);
color: var(--color-token-orange);
}
}
|
