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