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