git ssb

1
const nest = require('depnest')
2
3
exports.gives = nest('styles.mcss')
4
5
const inboxMcss = `
6
Message -inbox-card {
7
  padding: .5rem
8
  display: flex
9
10
  section.recps {
11
    width: 8rem
12
    margin-right: 1rem
13
14
    display: flex
15
16
    div.spacer {
17
      -quarter {
18
        width: 2rem 
19
      }
20
21
      -half {
22
        width: 4rem 
23
      }
24
    }
25
26
    div.recps {
27
      flex-grow: 1
28
29
      // width: 4rem
30
      height: 4rem
31
32
      display: flex
33
      flex-wrap: wrap
34
      justify-content: flex-end
35
36
      img.Avatar {
37
        width: 1.9rem
38
        height: 1.9rem
39
        margin: 0 0 .1rem .1rem
40
      }
41
42
      -inbox-large {
43
        // width: 8rem
44
45
        img.Avatar {
46
          width: 3.8rem
47
          height: 3.8rem
48
          margin: 0 0 0 .2rem
49
        }
50
      }
51
    }
52
  }
53
54
  section.content {
55
    max-width: 40rem
56
57
    text-overflow: ellipsis
58
    white-space: nowrap
59
    overflow: hidden
60
61
    margin: 0
62
63
    header {
64
      display: flex
65
      align-items: baseline
66
67
      span {
68
        color: #666
69
        word-break: normal
70
        margin-right: .5rem
71
      }
72
      $markdownSmall
73
    }
74
75
    div.update {
76
      $markdownTiny
77
78
      display: flex
79
      flex-wrap: wrap
80
      margin-left: 2rem
81
82
      span.replySymbol {
83
        color: #666
84
        margin-right: .3rem
85
      }
86
87
      a.Timestamp {
88
        font-size: .8rem
89
        flex-basis: 100%
90
      }
91
    }
92
  }
93
}
94
95
Scroller {
96
  div.wrapper {
97
    section.content {
98
      div.Message {
99
        -inbox-card {
100
          border-bottom: initial 
101
        }
102
      }
103
    }
104
  }
105
}
106
107
$markdownSmall {
108
  div.Markdown {
109
    h1, h2, h3, h4, h5, h6, p {
110
      font-size: 1rem
111
      font-weight: 300
112
      margin: 0
113
114
      (img) { max-width: 100% }
115
    }
116
  }
117
}
118
119
$markdownTiny {
120
  div.Markdown {
121
    h1, h2, h3, h4, h5, h6, p {
122
      color: #666
123
      font-size: .9rem
124
      font-weight: 300
125
      margin: 0
126
127
      (a) { color: #666 }
128
      (img) { max-width: 100% }
129
    }
130
  }
131
}
132
`
133
134
exports.create = (api) => {
135
  return nest('styles.mcss', mcss)
136
137
  function mcss (sofar = {}) {
138
    sofar['patchInbox.app.page.inbox'] = inboxMcss
139
140
    return sofar
141
  }
142
}
143
144