vimd 0.1.10 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/themes/styles/minimal.css +519 -13
- package/package.json +1 -1
|
@@ -1,35 +1,541 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/*
|
|
2
|
+
* Minimal Theme for vimd
|
|
3
|
+
* Clean, understated styling inspired by Buttondown
|
|
4
|
+
* https://gist.github.com/ryangray/1882525
|
|
5
|
+
* MIT License
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* ============================================
|
|
9
|
+
Base Styles
|
|
10
|
+
============================================ */
|
|
11
|
+
html {
|
|
12
|
+
background-color: #fff;
|
|
13
|
+
}
|
|
14
|
+
|
|
2
15
|
body {
|
|
3
|
-
font-family: system-ui, -apple-system, sans-serif;
|
|
16
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
17
|
+
font-size: 16px;
|
|
4
18
|
line-height: 1.6;
|
|
5
|
-
color: #
|
|
6
|
-
background: #fff;
|
|
19
|
+
color: #222;
|
|
20
|
+
background-color: #fff;
|
|
7
21
|
max-width: 800px;
|
|
8
22
|
margin: 0 auto;
|
|
9
23
|
padding: 2rem;
|
|
10
24
|
}
|
|
11
25
|
|
|
12
|
-
|
|
26
|
+
/* ============================================
|
|
27
|
+
Typography
|
|
28
|
+
============================================ */
|
|
29
|
+
body h1,
|
|
30
|
+
body h2,
|
|
31
|
+
body h3,
|
|
32
|
+
body h4,
|
|
33
|
+
body h5,
|
|
34
|
+
body h6 {
|
|
13
35
|
margin-top: 1.5em;
|
|
14
36
|
margin-bottom: 0.5em;
|
|
15
37
|
font-weight: 600;
|
|
38
|
+
line-height: 1.3;
|
|
39
|
+
color: #111;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
body h1 {
|
|
43
|
+
font-size: 2em;
|
|
44
|
+
margin-top: 0;
|
|
45
|
+
border-bottom: 1px solid #ddd;
|
|
46
|
+
padding-bottom: 0.3em;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
body h2 {
|
|
50
|
+
font-size: 1.5em;
|
|
51
|
+
border-bottom: 1px solid #eee;
|
|
52
|
+
padding-bottom: 0.2em;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
body h3 {
|
|
56
|
+
font-size: 1.25em;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
body h4 {
|
|
60
|
+
font-size: 1em;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
body h5 {
|
|
64
|
+
font-size: 0.9em;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
body h6 {
|
|
68
|
+
font-size: 0.85em;
|
|
69
|
+
color: #555;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
body p {
|
|
73
|
+
margin-top: 0;
|
|
74
|
+
margin-bottom: 1em;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* ============================================
|
|
78
|
+
Links
|
|
79
|
+
============================================ */
|
|
80
|
+
body a {
|
|
81
|
+
color: #333;
|
|
82
|
+
text-decoration: none;
|
|
83
|
+
border-bottom: 1px solid #ccc;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
body a:hover {
|
|
87
|
+
color: #000;
|
|
88
|
+
border-bottom-color: #333;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
body a:visited {
|
|
92
|
+
color: #555;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/* ============================================
|
|
96
|
+
Lists
|
|
97
|
+
============================================ */
|
|
98
|
+
body ul,
|
|
99
|
+
body ol {
|
|
100
|
+
margin-top: 0;
|
|
101
|
+
margin-bottom: 1em;
|
|
102
|
+
padding-left: 2em;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
body li {
|
|
106
|
+
margin-bottom: 0.25em;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
body li > p {
|
|
110
|
+
margin-bottom: 0.5em;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
body ul ul,
|
|
114
|
+
body ol ol,
|
|
115
|
+
body ul ol,
|
|
116
|
+
body ol ul {
|
|
117
|
+
margin-top: 0.25em;
|
|
118
|
+
margin-bottom: 0.25em;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/* Definition lists */
|
|
122
|
+
body dl {
|
|
123
|
+
margin-top: 0;
|
|
124
|
+
margin-bottom: 1em;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
body dt {
|
|
128
|
+
font-weight: 600;
|
|
129
|
+
margin-top: 0.5em;
|
|
16
130
|
}
|
|
17
131
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
132
|
+
body dd {
|
|
133
|
+
margin-left: 2em;
|
|
134
|
+
margin-bottom: 0.5em;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
/* ============================================
|
|
138
|
+
Blockquotes
|
|
139
|
+
============================================ */
|
|
140
|
+
body blockquote {
|
|
141
|
+
margin: 1em 0;
|
|
142
|
+
padding: 0 0 0 1em;
|
|
143
|
+
border-left: 3px solid #ddd;
|
|
144
|
+
color: #555;
|
|
145
|
+
font-style: italic;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
body blockquote p {
|
|
149
|
+
margin-bottom: 0.5em;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
body blockquote p:last-child {
|
|
153
|
+
margin-bottom: 0;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
/* ============================================
|
|
157
|
+
Code
|
|
158
|
+
============================================ */
|
|
159
|
+
body code,
|
|
160
|
+
body tt {
|
|
161
|
+
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
|
|
162
|
+
font-size: 0.9em;
|
|
163
|
+
background-color: #f5f5f5;
|
|
164
|
+
padding: 0.15em 0.4em;
|
|
21
165
|
border-radius: 3px;
|
|
22
|
-
font-family: monospace;
|
|
23
166
|
}
|
|
24
167
|
|
|
25
|
-
pre {
|
|
26
|
-
|
|
168
|
+
body pre {
|
|
169
|
+
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
|
|
170
|
+
font-size: 0.85em;
|
|
171
|
+
line-height: 1.5;
|
|
172
|
+
background-color: #f5f5f5;
|
|
27
173
|
padding: 1em;
|
|
28
|
-
border-radius:
|
|
174
|
+
border-radius: 3px;
|
|
29
175
|
overflow-x: auto;
|
|
176
|
+
margin: 1em 0;
|
|
30
177
|
}
|
|
31
178
|
|
|
32
|
-
pre code {
|
|
179
|
+
body pre code {
|
|
33
180
|
background: none;
|
|
34
181
|
padding: 0;
|
|
182
|
+
font-size: inherit;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* ============================================
|
|
186
|
+
Tables
|
|
187
|
+
============================================ */
|
|
188
|
+
body table {
|
|
189
|
+
border-collapse: collapse;
|
|
190
|
+
width: 100%;
|
|
191
|
+
margin: 1em 0;
|
|
192
|
+
font-size: 0.95em;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
body th,
|
|
196
|
+
body td {
|
|
197
|
+
padding: 0.5em 0.75em;
|
|
198
|
+
text-align: left;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
body th {
|
|
202
|
+
font-weight: 600;
|
|
203
|
+
border-bottom: 2px solid #333;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
body td {
|
|
207
|
+
border-bottom: 1px solid #ddd;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
body tr:hover {
|
|
211
|
+
background-color: #f9f9f9;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
/* ============================================
|
|
215
|
+
Horizontal Rules
|
|
216
|
+
============================================ */
|
|
217
|
+
body hr {
|
|
218
|
+
border: none;
|
|
219
|
+
border-top: 1px solid #ddd;
|
|
220
|
+
margin: 2em 0;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
/* ============================================
|
|
224
|
+
Images
|
|
225
|
+
============================================ */
|
|
226
|
+
body img {
|
|
227
|
+
max-width: 100%;
|
|
228
|
+
height: auto;
|
|
229
|
+
display: block;
|
|
230
|
+
margin: 1em auto;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
body figure {
|
|
234
|
+
margin: 1.5em 0;
|
|
235
|
+
text-align: center;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
body figure img {
|
|
239
|
+
margin: 0 auto 0.5em;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
body figcaption {
|
|
243
|
+
font-size: 0.9em;
|
|
244
|
+
color: #555;
|
|
245
|
+
font-style: italic;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
/* ============================================
|
|
249
|
+
Table of Contents (Pandoc)
|
|
250
|
+
============================================ */
|
|
251
|
+
nav#TOC {
|
|
252
|
+
background-color: #f9f9f9;
|
|
253
|
+
border: 1px solid #ddd;
|
|
254
|
+
padding: 1em 1.5em;
|
|
255
|
+
margin-bottom: 1.5em;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
nav#TOC > ul {
|
|
259
|
+
margin: 0;
|
|
260
|
+
padding-left: 0;
|
|
261
|
+
list-style: none;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
nav#TOC ul {
|
|
265
|
+
padding-left: 1.5em;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
nav#TOC li {
|
|
269
|
+
margin: 0.3em 0;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
nav#TOC a {
|
|
273
|
+
color: #333;
|
|
274
|
+
border-bottom: none;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
nav#TOC a:hover {
|
|
278
|
+
color: #000;
|
|
279
|
+
border-bottom: 1px solid #333;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
/* ============================================
|
|
283
|
+
Footnotes (Pandoc)
|
|
284
|
+
============================================ */
|
|
285
|
+
.footnotes {
|
|
286
|
+
margin-top: 2em;
|
|
287
|
+
padding-top: 1em;
|
|
288
|
+
border-top: 1px solid #ddd;
|
|
289
|
+
font-size: 0.9em;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.footnotes hr {
|
|
293
|
+
display: none;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.footnotes ol {
|
|
297
|
+
padding-left: 1.5em;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.footnotes li {
|
|
301
|
+
margin-bottom: 0.5em;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.footnote-ref {
|
|
305
|
+
font-size: 0.75em;
|
|
306
|
+
vertical-align: super;
|
|
307
|
+
text-decoration: none;
|
|
308
|
+
border-bottom: none;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.footnote-back {
|
|
312
|
+
border-bottom: none;
|
|
313
|
+
margin-left: 0.3em;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
/* ============================================
|
|
317
|
+
Pandoc Syntax Highlighting - Monochrome
|
|
318
|
+
============================================ */
|
|
319
|
+
div.sourceCode {
|
|
320
|
+
background-color: #f5f5f5;
|
|
321
|
+
border-radius: 3px;
|
|
322
|
+
overflow: auto;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
pre.sourceCode {
|
|
326
|
+
margin: 0;
|
|
327
|
+
padding: 1em;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
code.sourceCode {
|
|
331
|
+
background: transparent;
|
|
332
|
+
color: #222;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
/* Comments - gray italic */
|
|
336
|
+
code.sourceCode span.co,
|
|
337
|
+
.sourceCode .co {
|
|
338
|
+
color: #777;
|
|
339
|
+
font-style: italic;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
/* Strings - slightly darker */
|
|
343
|
+
code.sourceCode span.st,
|
|
344
|
+
code.sourceCode span.ch,
|
|
345
|
+
code.sourceCode span.vs,
|
|
346
|
+
.sourceCode .st,
|
|
347
|
+
.sourceCode .ch,
|
|
348
|
+
.sourceCode .vs {
|
|
349
|
+
color: #444;
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
/* Keywords - bold */
|
|
353
|
+
code.sourceCode span.kw,
|
|
354
|
+
code.sourceCode span.cf,
|
|
355
|
+
.sourceCode .kw,
|
|
356
|
+
.sourceCode .cf {
|
|
357
|
+
color: #222;
|
|
358
|
+
font-weight: bold;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
/* Numbers */
|
|
362
|
+
code.sourceCode span.dv,
|
|
363
|
+
code.sourceCode span.bn,
|
|
364
|
+
code.sourceCode span.fl,
|
|
365
|
+
code.sourceCode span.cn,
|
|
366
|
+
.sourceCode .dv,
|
|
367
|
+
.sourceCode .bn,
|
|
368
|
+
.sourceCode .fl,
|
|
369
|
+
.sourceCode .cn {
|
|
370
|
+
color: #333;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/* Functions */
|
|
374
|
+
code.sourceCode span.fu,
|
|
375
|
+
code.sourceCode span.bu,
|
|
376
|
+
.sourceCode .fu,
|
|
377
|
+
.sourceCode .bu {
|
|
378
|
+
color: #222;
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
/* Variables */
|
|
382
|
+
code.sourceCode span.va,
|
|
383
|
+
.sourceCode .va {
|
|
384
|
+
color: #333;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
/* Data types */
|
|
388
|
+
code.sourceCode span.dt,
|
|
389
|
+
.sourceCode .dt {
|
|
390
|
+
color: #222;
|
|
391
|
+
font-weight: bold;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
/* Operators */
|
|
395
|
+
code.sourceCode span.op,
|
|
396
|
+
.sourceCode .op {
|
|
397
|
+
color: #222;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
/* Attributes */
|
|
401
|
+
code.sourceCode span.at,
|
|
402
|
+
.sourceCode .at {
|
|
403
|
+
color: #333;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
/* Preprocessor */
|
|
407
|
+
code.sourceCode span.pp,
|
|
408
|
+
code.sourceCode span.im,
|
|
409
|
+
.sourceCode .pp,
|
|
410
|
+
.sourceCode .im {
|
|
411
|
+
color: #222;
|
|
412
|
+
font-weight: bold;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
/* Annotations */
|
|
416
|
+
code.sourceCode span.an,
|
|
417
|
+
code.sourceCode span.do,
|
|
418
|
+
.sourceCode .an,
|
|
419
|
+
.sourceCode .do {
|
|
420
|
+
color: #777;
|
|
421
|
+
font-style: italic;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
/* Errors */
|
|
425
|
+
code.sourceCode span.er,
|
|
426
|
+
code.sourceCode span.al,
|
|
427
|
+
.sourceCode .er,
|
|
428
|
+
.sourceCode .al {
|
|
429
|
+
color: #222;
|
|
430
|
+
font-weight: bold;
|
|
431
|
+
text-decoration: underline;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
/* ============================================
|
|
435
|
+
Keyboard and Mark
|
|
436
|
+
============================================ */
|
|
437
|
+
body kbd {
|
|
438
|
+
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
|
|
439
|
+
font-size: 0.85em;
|
|
440
|
+
padding: 0.15em 0.4em;
|
|
441
|
+
border: 1px solid #ccc;
|
|
442
|
+
border-radius: 3px;
|
|
443
|
+
background-color: #f5f5f5;
|
|
444
|
+
box-shadow: inset 0 -1px 0 #bbb;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
body mark {
|
|
448
|
+
background-color: #ff9;
|
|
449
|
+
padding: 0.1em 0.2em;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
/* ============================================
|
|
453
|
+
Strong and Emphasis
|
|
454
|
+
============================================ */
|
|
455
|
+
body strong,
|
|
456
|
+
body b {
|
|
457
|
+
font-weight: 600;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
body em,
|
|
461
|
+
body i {
|
|
462
|
+
font-style: italic;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
/* ============================================
|
|
466
|
+
Selection
|
|
467
|
+
============================================ */
|
|
468
|
+
::selection {
|
|
469
|
+
background-color: #b3d4fc;
|
|
470
|
+
color: #000;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
/* ============================================
|
|
474
|
+
Print Styles
|
|
475
|
+
============================================ */
|
|
476
|
+
@media print {
|
|
477
|
+
body {
|
|
478
|
+
max-width: 100%;
|
|
479
|
+
padding: 0;
|
|
480
|
+
font-size: 12pt;
|
|
481
|
+
color: #000;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
body a {
|
|
485
|
+
color: #000;
|
|
486
|
+
border-bottom: none;
|
|
487
|
+
text-decoration: underline;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
body a[href^="http"]::after {
|
|
491
|
+
content: " (" attr(href) ")";
|
|
492
|
+
font-size: 0.8em;
|
|
493
|
+
color: #555;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
nav#TOC {
|
|
497
|
+
page-break-after: always;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
body h2,
|
|
501
|
+
body h3 {
|
|
502
|
+
page-break-after: avoid;
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
body pre,
|
|
506
|
+
body blockquote,
|
|
507
|
+
body table {
|
|
508
|
+
page-break-inside: avoid;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
.footnote-back {
|
|
512
|
+
display: none;
|
|
513
|
+
}
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
/* ============================================
|
|
517
|
+
Responsive
|
|
518
|
+
============================================ */
|
|
519
|
+
@media (max-width: 600px) {
|
|
520
|
+
body {
|
|
521
|
+
padding: 1rem;
|
|
522
|
+
font-size: 15px;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
body h1 {
|
|
526
|
+
font-size: 1.75em;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
body h2 {
|
|
530
|
+
font-size: 1.35em;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
body blockquote {
|
|
534
|
+
margin-left: 0;
|
|
535
|
+
margin-right: 0;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
body table {
|
|
539
|
+
font-size: 0.9em;
|
|
540
|
+
}
|
|
35
541
|
}
|