git ssb

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