Fix SCSS styling

Luiz F. A. de Prá

19.19.2021 e0988ee1e2c2eab690cd9dc4c0046ae5d9212b87

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
@mixin notices_dark {
  .notice {
    padding: 1rem;
    line-height: 2rem;
    border-radius: 0.5rem;
    color: $fg-colour-notice-text;
    p {
      &:last-child {
        margin-bottom: 1.5rem;
      }
    }
  }
 
  .notice-title {
    margin: -1rem -1rem 1rem;
    padding: 1rem 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    font-weight: 700;
    font-family: $font-family;
  }
 
  .notice.warning {
    .notice-title {
      background: $bg-color-notice-warning-title-dark;
    }
    background: $bg-color-notice-warning-dark;
  }
 
  .notice.info {
    .notice-title {
      background: $bg-color-notice-info-title-dark;
    }
    background: $bg-color-notice-info-dark;
  }
 
  .notice.note {
    .notice-title {
      background: $bg-color-notice-note-title-dark;
    }
    background: $bg-color-notice-note-dark;
  }
 
  .notice.tip {
    .notice-title {
      background: $bg-color-notice-tip-title-dark;
    }
    background: $bg-color-notice-tip-dark;
  }
 
  .icon-notice {
    display: inline-flex;
    align-self: center;
    margin-right: 8px;
  }
}
 
body.colorscheme-dark {
  @include notices_dark();
}
 
body.colorscheme-auto {
  @media (prefers-color-scheme: dark) {
    @include notices_dark();
  }
}