git ssb

1
const nest = require('depnest')
2
const { assign } = Object
3
4
exports.gives = nest('styles.css')
5
6
exports.create = function (api) {
7
  return nest('styles.css', (sofar = {}) => {
8
    return assign(sofar, { globalStyles })
9
  })
10
}
11
12
const globalStyles = `
13
body {
14
  font-family: sans-serif;
15
  color: #222;
16
}
17
18
.emoji {
19
  width: 16px;
20
  height: 16px;
21
}
22
23
h1, h2, h3, h4, h5, h6, p, ul, ol {
24
  margin-top: .35em;
25
}
26
27
h1 { font-size: 1.2em; }
28
h2 { font-size: 1.18em; }
29
h3 { font-size: 1.15em; }
30
h4 { font-size: 1.12em; }
31
h5 { font-size: 1.1em; }
32
h6 { font-size: 1em; }
33
34
* {
35
  word-break: break-word;
36
}
37
38
a:link, a:visited, a:active {
39
  color: #0088cc;
40
  text-decoration: none;
41
}
42
43
a:hover,
44
a:focus {
45
  color: #005580;
46
  text-decoration: underline;
47
}
48
49
pre {
50
  white-space: pre-wrap;
51
  word-wrap: break-word;
52
}
53
54
p {
55
  margin-top: .35ex;
56
}
57
58
hr {
59
  border: solid #eee;
60
  clear: both;
61
  border-width: 1px 0 0;
62
  height: 0;
63
  margin-bottom: .9em;
64
}
65
66
input, textarea {
67
  border: none;
68
  border-radius: .2em;
69
  font-family: sans-serif;
70
}
71
72
input:focus, .compose:focus, button:focus {
73
  outline: none;
74
  border-color: #0088cc; 
75
  box-shadow: 0 0 4px #0088cc;
76
}
77
78
textarea {
79
  padding: .5em;
80
  font-size: 1em;
81
}
82
83
textarea:focus {
84
  outline: none;
85
  border-color: none;
86
}
87
88
button {
89
  background: #fff;
90
  color: #666;
91
  border: 1px solid #bbb;
92
  border-radius: .5em;
93
  padding: .7em;
94
  margin: .5em;
95
  cursor: pointer;
96
  text-transform: uppercase;
97
  font-weight: bold;
98
  font-size: .7em;
99
}
100
101
button:hover {
102
  background: #ccc;
103
  border: 1px solid #bbb;
104
}
105
106
/* TextNodeSearcher highlights */
107
108
highlight {
109
  background: #ff8;
110
}
111
112
/* lightbox - used in message-confirm */
113
114
div.lightbox {
115
  position: fixed;
116
  left: 0px;
117
  right: 0px;
118
  top: 50px;
119
  overflow: auto;
120
  width: 600px;
121
  max-width: 100%;
122
  padding: 25px;
123
  margin: auto;
124
  z-index: 2;
125
  background: #f5f5f5;
126
  border: 1px solid #eee;
127
  border-radius: .2em;
128
}
129
`
130
131