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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| .notice {
| display: flex;
| flex-direction: column;
|
| @include themed() {
| background-color: mix(t('info'), t('accent'), 40%);
| }
|
| &--update {
| @include themed() {
| background-color: mix(t('success'), t('accent'), 40%);
| }
| }
|
| &--warning {
| @include themed() {
| background-color: mix(t('danger'), t('accent'), 40%);
| }
| }
|
| &__title {
| background-color: t('info');
| align-self: flex-end;
| font-weight: 300;
| letter-spacing: 0.025em;
| padding: 0.2rem 0.5rem 0.2rem 0.5rem;
|
| @include themed() {
| color: t('accent');
| }
|
| &--update {
| background-color: t('success');
| }
|
| &--warning {
| background-color: t('danger');
| }
| }
|
| &__content {
| padding: 8px 8px 1rem 1rem;
| }
| }
|
|
