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