git ssb

1
body {
2
  div.suggest-box {
3
    width: max-content
4
    background-color: #fff
5
    border: 1px gainsboro solid
6
7
    padding: .2rem .5rem
8
    margin-top: .35rem
9
10
    ul {
11
      list-style-type: none
12
      padding: 0
13
14
      li {
15
        display: flex
16
        align-items: center
17
18
        padding-right: .2rem
19
        margin-bottom: .2rem
20
21
        img {
22
          height: 36px
23
          width: 36px
24
          border-radius: 36px
25
26
          padding: .2rem
27
          /* TODO make smaller emoji thumbnails */
28
        }
29
        strong {
30
          flex-grow: 1
31
          margin-left: .5rem
32
          font-weight: 300
33
        }
34
        small {
35
          font-family: monospace
36
          margin-left: .5rem
37
          padding-right: .2rem
38
          font-size: 1rem
39
        }
40
      }
41
42
      li.selected {
43
        color: #fff
44
        background: #0caaf9
45
46
        img {}
47
        strong {}
48
        small {}
49
      }
50
    }
51
  }   
52
}
53
54
55