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.-inbox-card {
94
        border-bottom: initial 
95
      }
96
    }
97
  }
98
}
99
100
$markdownSmall {
101
  div.Markdown {
102
    h1, h2, h3, h4, h5, h6, p {
103
      font-size: 1rem
104
      font-weight: 300
105
      margin: 0
106
107
      (img) { max-width: 100% }
108
    }
109
  }
110
}
111
112
$markdownTiny {
113
  div.Markdown {
114
    h1, h2, h3, h4, h5, h6, p {
115
      color: #666
116
      font-size: .9rem
117
      font-weight: 300
118
      margin: 0
119
120
      (a) { color: #666 }
121
      (img) { max-width: 100% }
122
    }
123
  }
124
}
125
`
126
127
exports.create = (api) => {
128
  return nest('styles.mcss', mcss)
129
130
  function mcss (sofar = {}) {
131
    sofar['patchInbox.app.page.inbox'] = inboxMcss
132
133
    return sofar
134
  }
135
}
136
137