git ssb

1
Header {
2
  nav {
3
    $navFA
4
    padding: 1rem 0
5
6
    width: 100%
7
    height: 1rem
8
    position: fixed
9
    top: 0
10
    left: 0
11
    z-index: 99
12
    background: #fff
13
14
    display: flex
15
    align-items: center
16
17
    (a) {
18
      color: #222
19
      margin-right: 1rem
20
21
      :hover {
22
        text-decoration: underline
23
      }
24
    }
25
26
    div.back {
27
      font-size: 1.4rem
28
      width: 1rem
29
      padding: 0 0.2em 0 1rem
30
      border: 1px solid #ddd
31
      border-radius: 4px
32
      border-top-left-radius: 0
33
      border-bottom-left-radius: 0
34
      border-left: none
35
36
      :hover {
37
        $colorPrimary
38
        border: 1px solid #fff
39
        border-left: none
40
      }
41
    }
42
43
    i.fa-home {
44
      margin-left: 1rem
45
    }
46
47
    div.tools {
48
      flex-grow: 1
49
50
      $navFA
51
52
      display: flex
53
      justify-content: flex-end
54
    }
55
  }
56
57
58
}
59
60
$navFA {
61
  i {
62
    font-size: 1.4rem
63
    color: #b9b9b9
64
    margin-right: 1rem
65
66
    :hover {
67
      text-decoration: none
68
      $colorPrimaryFG
69
    }
70
  }
71
}
72