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
    margin: 0
57
58
    header {
59
      display: flex
60
      align-items: baseline
61
62
      span {
63
        color: #666
64
        word-break: normal
65
        margin-right: .5rem
66
      }
67
      $markdownSmall
68
    }
69
70
    div.update {
71
      $markdownTiny
72
73
      display: flex
74
      flex-wrap: wrap
75
      margin-left: 2rem
76
77
      span.replySymcol {
78
        color: #666
79
        margin-right: .3rem
80
      }
81
82
      a.Timestamp {
83
        font-size: .8rem
84
        flex-basis: 100%
85
      }
86
    }
87
  }
88
}
89
90
Scroller {
91
  div.wrapper {
92
    section.content {
93
      div.Message {
94
        -inbox-card {
95
          border-bottom: initial 
96
        }
97
      }
98
    }
99
  }
100
}
101
102
$markdownSmall {
103
  div.Markdown {
104
    h1, h2, h3, h4, h5, h6, p {
105
      font-size: 1rem
106
      font-weight: 300
107
      margin: 0
108
109
      (img) { max-width: 100% }
110
    }
111
  }
112
}
113
114
$markdownTiny {
115
  div.Markdown {
116
    h1, h2, h3, h4, h5, h6, p {
117
      color: #666
118
      font-size: .9rem
119
      font-weight: 300
120
      margin: 0
121
122
      (a) { color: #666 }
123
      (img) { max-width: 100% }
124
    }
125
  }
126
}
127
`
128
129
exports.create = (api) => {
130
  return nest('styles.mcss', mcss)
131
132
  function mcss (sofar = {}) {
133
    sofar['patchInbox.app.page.inbox'] = inboxMcss
134
135
    return sofar
136
  }
137
}
138
139