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
    header {
18
      $colorSubtle
19
      padding: .5rem 1rem
20
    }
21
22
    hr {
23
      border: 1px solid gainsboro
24
      border-bottom: none
25
      margin: 0
26
    }
27
  }
28
}
29
30
Option {
31
  min-width: 8rem
32
  padding: .5rem 1rem
33
  display: flex
34
  align-items: center
35
36
  :hover {
37
    cursor: pointer
38
    $backgroundSelected
39
  }
40
41
  -selected {
42
    $backgroundSelected
43
  }
44
45
  div.circle {
46
    width: 3.6rem
47
    position: relative
48
49
    div.alert {
50
      position: absolute
51
      width: 1.2rem
52
      height: 1.2rem
53
      border-radius: 1rem
54
      top: -.2rem
55
      left: -.2rem
56
57
      background-color: red
58
      color: #fff
59
      font-size: .8rem
60
61
      display: flex
62
      justify-content: center
63
      align-items: center
64
    }
65
    
66
    a img {
67
   
68
    }
69
    i {
70
      $avatarSmall
71
      $colorPrimary
72
      font-size: 1.3rem
73
      display: flex
74
      justify-content: center
75
      align-items: center
76
    }
77
78
  }
79
80
  div.label {
81
    $markdownSmall 
82
83
    flex-grow: 1
84
85
    display: flex
86
    align-items: center
87
    min-height: 3rem
88
89
    div.Button {
90
      flex-grow: 1
91
    }
92
  }
93
}
94
95