git ssb

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