git ssb

1
Context {
2
  flex-shrink: 0
3
  flex-grow: 0
4
  overflow: hidden
5
6
  display: flex
7
8
  div.level {
9
    width: 13rem
10
    overflow-y: auto
11
    overflow-x: hidden
12
13
    border-right: 1px gainsboro solid
14
15
    div.Option {}
16
17
  }
18
}
19
20
Option {
21
  min-width: 8rem
22
  padding: .5rem 1rem
23
  display: flex
24
  align-items: center
25
26
  :hover {
27
    cursor: pointer
28
    $backgroundSelected
29
  }
30
31
  -selected {
32
    $backgroundSelected
33
  }
34
35
  div.circle {
36
    width: 3.6rem
37
    position: relative
38
39
    div.alert {
40
      position: absolute
41
      width: 1.2rem
42
      height: 1.2rem
43
      border-radius: 1rem
44
      top: -.2rem
45
      left: -.2rem
46
47
      background-color: red
48
      color: #fff
49
      font-size: .8rem
50
51
      display: flex
52
      justify-content: center
53
      align-items: center
54
    }
55
    
56
    a img {
57
   
58
    }
59
    i {
60
      $avatarSmall
61
      $colorPrimary
62
      font-size: 1.3rem
63
      display: flex
64
      justify-content: center
65
      align-items: center
66
    }
67
68
  }
69
70
  div.label {
71
    $markdownSmall 
72
73
    flex-grow: 1
74
75
    display: flex
76
    align-items: center
77
    min-height: 3rem
78
79
    div.Button {
80
      flex-grow: 1
81
    }
82
  }
83
}
84
85