git ssb

1
Context {
2
  display: flex
3
4
  div.level {
5
    width: 11rem
6
    border-right: 1px gainsboro solid
7
8
    div.Option {}
9
10
  }
11
}
12
13
Option {
14
  min-width: 8rem
15
  padding: .5rem 1rem
16
  display: flex
17
  align-items: center
18
19
  -selected {
20
    $backgroundSelected
21
  }
22
23
  div.circle {
24
    width: 3.6rem
25
    position: relative
26
27
    div.alert {
28
      position: absolute
29
      width: 1.2rem
30
      height: 1.2rem
31
      border-radius: 1rem
32
      top: -.2rem
33
      left: -.2rem
34
35
      background-color: red
36
      color: #fff
37
      font-size: .8rem
38
39
      display: flex
40
      justify-content: center
41
      align-items: center
42
    }
43
    
44
    a img {
45
   
46
    }
47
    i {
48
      $avatarSmall
49
      $colorPrimary
50
      font-size: 1.3rem
51
      display: flex
52
      justify-content: center
53
      align-items: center
54
    }
55
56
  }
57
58
  div.Link {
59
    flex-grow: 1
60
61
    display: flex
62
    align-items: center
63
    height: 3rem
64
  }
65
66
}
67