git ssb

1
Header {
2
  -webkit-app-region: drag
3
4
  $colorPrimary
5
6
  width: 100%
7
  height: 3.5rem
8
  position: fixed
9
  top: 0
10
  z-index: 99
11
12
  display: grid
13
  grid-template-rows: auto
14
  grid-template-columns: auto
15
  justify-content: center
16
17
  div.window-controls {
18
    -webkit-app-region: no-drag
19
20
    position: fixed
21
    right: 0
22
    z-index: 100
23
24
    display: flex
25
26
    img {
27
      padding: .5rem
28
      cursor: pointer
29
      :hover {
30
        filter: drop-shadow(rgba(255, 255, 255, .5) 0 0 2px)
31
      }
32
    }
33
  }
34
35
  nav {
36
    -webkit-app-region: drag
37
38
    width: 20rem
39
40
    display: flex
41
    align-items: center
42
    justify-content: space-between
43
44
    i {
45
      -webkit-app-region: no-drag
46
47
      cursor: pointer
48
      text-decoration: none
49
      font-size: 1.4rem 
50
51
      display: flex
52
    }
53
54
    i { font-size: 1.4rem }
55
    i.notifications { color: #7da9ea }
56
    i.fa-bell.notifications { color: #fff }
57
    i.fa-bell-o { color: #7da9ea }
58
    i.-disabled { 
59
      filter: opacity(.4)
60
      cursor: not-allowed
61
    }
62
63
    (a) {
64
      color: #222
65
      margin-right: 1rem
66
67
      :hover {
68
        text-decoration: underline
69
      }
70
    }
71
}
72