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: helvetica, sans-serif;
15
  font-size: 14px;
16
  line-height: 19px;
17
  color: #222;
18
}
19
20
blockquote {
21
  border-left: 2px #ccc solid;
22
  color: #666;
23
  padding-left: .6rem;
24
  margin-left: .6rem;
25
  font-size: .85rem;
26
}
27
28
blockquote p:last-child {
29
  margin-bottom: .35ex;
30
}
31
32
pre {
33
  background-color: #f5f5f5;
34
  padding: .3rem;
35
  color: #444;
36
}
37
38
.emoji {
39
  height: 1em;
40
  width: 1em;
41
  margin-bottom: .2rem;
42
  vertical-align: middle;
43
}
44
45
h1, h2, h3, h4, h5, h6, p, ul, ol {
46
  margin-top: .35em;
47
}
48
49
h1 { font-size: 1.2rem; }
50
h2 { font-size: 1.18rem; }
51
h3 { font-size: 1.15rem; }
52
h4 { font-size: 1.12rem; }
53
h5 { font-size: 1.1rem; }
54
h6 { font-size: 1rem; }
55
56
* {
57
  word-break: break-word;
58
}
59
60
a:link, a:visited, a:active {
61
  color: #0088cc;
62
  text-decoration: none;
63
}
64
65
a:hover,
66
a:focus {
67
  color: #005580;
68
  text-decoration: underline;
69
}
70
71
pre {
72
  white-space: pre-wrap;
73
  word-wrap: break-word;
74
}
75
76
p {
77
  margin-top: .35ex;
78
}
79
80
hr {
81
  border: solid #eee;
82
  clear: both;
83
  border-width: 1px 0 0;
84
  height: 0;
85
  margin-bottom: .9em;
86
}
87
88
input, textarea {
89
  border: none;
90
  border-radius: .2em;
91
  font-family: sans-serif;
92
}
93
94
input:focus, .compose:focus, button:focus {
95
  outline: none;
96
  border-color: #0088cc; 
97
  box-shadow: 0 0 4px #0088cc;
98
}
99
100
textarea {
101
  padding: .5em;
102
  font-size: 1em;
103
}
104
105
textarea:focus {
106
  outline: none;
107
  border-color: none;
108
}
109
110
button {
111
  background: #fff;
112
  color: #666;
113
  border: 1px solid #bbb;
114
  border-radius: .5em;
115
  padding: .7em;
116
  margin: .5em;
117
  cursor: pointer;
118
  text-transform: uppercase;
119
  font-weight: bold;
120
  font-size: .7em;
121
}
122
123
button:hover {
124
  background: #ccc;
125
  border: 1px solid #bbb;
126
}
127
128
/* TextNodeSearcher highlights */
129
130
highlight {
131
  background: #ff8;
132
}
133
134
/* lightbox - used in message-confirm */
135
136
div.lightbox {
137
  position: fixed;
138
  left: 0px;
139
  right: 0px;
140
  top: 50px;
141
  overflow: auto;
142
  width: 600px;
143
  max-width: 100%;
144
  padding: 25px;
145
  margin: auto;
146
  z-index: 2;
147
  background: #f5f5f5;
148
  border: 1px solid #eee;
149
  border-radius: .2em;
150
}
151
`
152
153