git ssb

1
SideNav -discovery {
2
  div.level {
3
    section {
4
    }
5
6
    -one {}
7
    -two {
8
      section {
9
        div.Option {
10
          padding: 0 1rem
11
        }
12
      }
13
    }
14
  }
15
}
16
17
Option {
18
  min-width: 8rem
19
  padding: .5rem 1rem
20
  display: flex
21
  align-items: center
22
23
  :hover {
24
    cursor: pointer
25
    $backgroundSelected
26
  }
27
28
  -selected {
29
    $backgroundSelected
30
  }
31
32
  div.spacer {
33
    display: flex
34
    align-self: center
35
    div.alert {
36
      position: relative
37
      width: 1.2rem
38
      height: 1.2rem
39
      border-radius: 1rem
40
      top: -.2rem
41
      left: -.2rem
42
43
      background-color: red
44
      color: #fff
45
      font-size: .8rem
46
47
      display: flex
48
      justify-content: center
49
      align-items: center
50
      align-self: flex-start
51
    }
52
  }
53
54
  div.circle {
55
    width: 3.6rem
56
    position: relative
57
58
    div.alert {
59
      position: absolute
60
      width: 1.2rem
61
      height: 1.2rem
62
      border-radius: 1rem
63
      top: -.2rem
64
      left: -.2rem
65
66
      background-color: red
67
      color: #fff
68
      font-size: .8rem
69
70
      display: flex
71
      justify-content: center
72
      align-items: center
73
    }
74
75
    
76
    a img {
77
   
78
    }
79
80
    i {
81
      $circleSmall
82
      $colorPrimary
83
      font-size: 1.3rem
84
      display: flex
85
      justify-content: center
86
      align-items: center
87
    }
88
  }
89
90
  div.label {
91
    $markdownSmall 
92
    (a) {
93
      $colorFontBasic
94
      :hover { text-decoration: none }
95
    }
96
97
    flex-grow: 1
98
99
    display: flex
100
    align-items: center
101
    min-height: 3rem
102
103
    div.Button {
104
      flex-grow: 1
105
    }
106
  }
107
}
108
109
110