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.spacer {
58
    display: flex
59
    align-self: center
60
    div.alert {
61
      position: relative
62
      width: 1.2rem
63
      height: 1.2rem
64
      border-radius: 1rem
65
      top: -.2rem
66
      left: -.2rem
67
68
      background-color: red
69
      color: #fff
70
      font-size: .8rem
71
72
      display: flex
73
      justify-content: center
74
      align-items: center
75
      align-self: flex-start
76
    }
77
  }
78
79
  div.circle {
80
    width: 3.6rem
81
    position: relative
82
83
    div.alert {
84
      position: absolute
85
      width: 1.2rem
86
      height: 1.2rem
87
      border-radius: 1rem
88
      top: -.2rem
89
      left: -.2rem
90
91
      background-color: red
92
      color: #fff
93
      font-size: .8rem
94
95
      display: flex
96
      justify-content: center
97
      align-items: center
98
    }
99
100
    
101
    a img {
102
   
103
    }
104
105
    i {
106
      $circleSmall
107
      $colorPrimary
108
      font-size: 1.3rem
109
      display: flex
110
      justify-content: center
111
      align-items: center
112
    }
113
  }
114
115
  div.label {
116
    $markdownSmall 
117
    (a) {
118
      $colorFontBasic
119
      :hover { text-decoration: none }
120
    }
121
122
    flex-grow: 1
123
124
    display: flex
125
    align-items: center
126
    min-height: 3rem
127
128
    div.Button {
129
      flex-grow: 1
130
    }
131
  }
132
}
133
134
135
136
137
138
139
140