git ssb

1
const nest = require('depnest')
2
3
exports.gives = nest('styles.mcss')
4
5
const suggestBox = `
6
PatchSuggest {
7
  overflow-y: auto
8
  background-color: #fff
9
10
  width: max-content
11
  min-width: 20rem
12
  max-width: 35rem
13
14
  max-height: 70vh
15
16
  padding: .2rem .5rem
17
  border: 1px gainsboro solid
18
  margin-top: .35rem
19
20
  ul {
21
    list-style-type: none
22
    padding: 0
23
24
    li {
25
      display: flex
26
      align-items: center
27
28
      padding-right: .2rem
29
      margin-bottom: .2rem
30
31
      img {
32
        height: 36px
33
        width: 36px
34
        min-width: 36px
35
        padding: .2rem
36
      }
37
38
      strong {
39
        font-weight: 300
40
        min-width: 7rem
41
        margin-left: .5rem
42
        margin-right: .5rem
43
44
        // *** this is a hack for ssb-memes!
45
        display: flex
46
        align-items: center
47
48
        img.meme {
49
          max-height: 100px
50
          width: 100px
51
          padding: .2rem
52
        }
53
        // ***
54
55
        span.subtle {
56
          color: #aaa
57
        }
58
      }
59
60
      small {
61
        flex-grow: 1
62
63
        margin-left: .5rem
64
        padding-right: .2rem
65
        font-size: 1rem
66
67
        display: flex
68
        justify-content: flex-end
69
70
        // profile only
71
        div.aliases {
72
          flex-grow: 1
73
74
          font-size: .8rem
75
          color: #666
76
          margin-right: .5rem
77
78
          display: flex
79
          flex-wrap: wrap
80
81
          div.alias {
82
            margin-right: .4rem
83
            -bold {
84
              font-weight: 600
85
            }
86
          }
87
        }
88
89
        // profile only
90
        div.key {
91
          align-self: flex-end
92
93
          margin: auto 0
94
95
          font-family: monospace
96
          font-size: .8rem
97
          min-width: 5rem
98
        }
99
100
        // emoji only
101
        div.emoji {
102
          flex-grow: 1
103
        }
104
105
      }
106
    }
107
108
    li.selected {
109
      color: #fff
110
      background: #0caaf9
111
112
      img {}
113
      strong {}
114
      small {
115
        div.aliases {
116
          color: #eee
117
        }
118
      }
119
    }
120
  }
121
}   
122
`
123
124
exports.create = (api) => {
125
  return nest('styles.mcss', mcss)
126
127
  function mcss (sofar = {}) {
128
    sofar['patchSuggest.suggestBox'] = suggestBox
129
130
    return sofar
131
  }
132
}
133