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