git ssb

1
// SuggestBox
2
body {
3
  div.suggest-box {
4
    width: max-content
5
    background-color: #fff
6
7
    min-width: 20rem
8
    max-width: 35rem
9
    padding: .2rem .5rem
10
    margin-top: .35rem
11
    border: 1px gainsboro solid
12
13
    ul {
14
      list-style-type: none
15
      padding: 0
16
17
      li {
18
        display: flex
19
        align-items: center
20
21
        padding-right: .2rem
22
        margin-bottom: .2rem
23
24
        img {
25
          height: 36px
26
          width: 36px
27
          min-width: 36px
28
          padding: .2rem
29
        }
30
31
        strong {
32
          font-weight: 300
33
          min-width: 7rem
34
          margin-left: .5rem
35
          margin-right: .5rem
36
37
          span.subtle {
38
            color: #aaa
39
          }
40
        }
41
42
        small {
43
          flex-grow: 1
44
45
          margin-left: .5rem
46
          padding-right: .2rem
47
          font-size: 1rem
48
49
          display: flex
50
          justify-content: flex-end
51
52
          div.aliases {
53
            flex-grow: 1
54
55
            font-size: .8rem
56
            color: #666
57
            margin-right: .5rem
58
59
            display: flex
60
            flex-wrap: wrap
61
62
            div.alias {
63
              margin-right: .4rem
64
              -bold {
65
                font-weight: 600
66
              }
67
            }
68
          }
69
70
          div.key {
71
            align-self: flex-end
72
73
            margin: auto 0
74
75
            font-family: monospace
76
            font-size: .8rem
77
            min-width: 5rem
78
          }
79
        }
80
      }
81
82
      li.selected {
83
        color: #fff
84
        background: #0caaf9
85
86
        img {}
87
        strong {}
88
        small {
89
          div.aliases {
90
            color: #eee
91
          }
92
        }
93
      }
94
    }
95
  }   
96
}
97
98