git ssb

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