blob: 38ec7ee8f814a4e907c14d380ee0f6f2a1f24ec1 (
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
28
|
@use "@styles/abstracts/functions" as fun;
.wrapper {
width: max-content;
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);
}
}
|
