madness 0.9.9 → 1.0.0.rc2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +74 -76
  3. data/app/public/css/main.css +494 -248
  4. data/app/public/css/main.css.map +30 -24
  5. data/app/public/font/fontello.eot +0 -0
  6. data/app/public/font/fontello.svg +16 -0
  7. data/app/public/font/fontello.ttf +0 -0
  8. data/app/public/font/fontello.woff +0 -0
  9. data/app/public/font/fontello.woff2 +0 -0
  10. data/app/public/js/clipboard.js +2 -2
  11. data/app/styles/_anchor.scss +5 -3
  12. data/app/styles/_breadcrumbs.scss +2 -1
  13. data/app/styles/_code.scss +35 -42
  14. data/app/styles/{_icons.scss → _fontello.scss} +28 -19
  15. data/app/styles/_footnotes.scss +5 -0
  16. data/app/styles/_general.scss +7 -3
  17. data/app/styles/_image.scss +0 -2
  18. data/app/styles/_keyboard.scss +8 -7
  19. data/app/styles/_line.scss +1 -26
  20. data/app/styles/_manifest.scss +12 -8
  21. data/app/styles/_nav.scss +5 -15
  22. data/app/styles/_rouge.scss +213 -0
  23. data/app/styles/_scrollbar.scss +9 -0
  24. data/app/styles/_search.scss +5 -6
  25. data/app/styles/_table.scss +12 -7
  26. data/app/styles/_typography.scss +9 -5
  27. data/app/styles/_variables.scss +40 -0
  28. data/app/styles/main.scss +3 -3
  29. data/app/views/_index_nav.slim +6 -5
  30. data/app/views/document.slim +2 -6
  31. data/bin/madness +6 -2
  32. data/lib/madness/cli.rb +21 -0
  33. data/lib/madness/commands/base.rb +11 -0
  34. data/lib/madness/commands/config.rb +48 -0
  35. data/lib/madness/commands/server.rb +76 -0
  36. data/lib/madness/commands/theme.rb +36 -0
  37. data/lib/madness/document.rb +5 -110
  38. data/lib/madness/exceptions.rb +6 -0
  39. data/lib/madness/highlight_renderer.rb +10 -0
  40. data/lib/madness/markdown_document.rb +103 -0
  41. data/lib/madness/server_base.rb +1 -1
  42. data/lib/madness/settings.rb +7 -7
  43. data/lib/madness/templates/madness.yml +6 -4
  44. data/lib/madness/version.rb +1 -1
  45. metadata +53 -50
  46. data/app/public/fonts/fontello.eot +0 -0
  47. data/app/public/fonts/fontello.svg +0 -16
  48. data/app/public/fonts/fontello.ttf +0 -0
  49. data/app/public/fonts/fontello.woff +0 -0
  50. data/app/public/fonts/fontello.woff2 +0 -0
  51. data/app/styles/_coderay.scss +0 -37
  52. data/lib/madness/command_line.rb +0 -139
  53. data/lib/madness/docopt.txt +0 -98
@@ -1,81 +1,178 @@
1
- body {
2
- -ms-text-size-adjust: 100%;
3
- -webkit-text-size-adjust: 100%;
4
- color: #333;
5
- font-family: "Segoe UI", "Helvetica Neue", Helvetica,Arial, freesans, sans-serif;
6
- font-size: 16px;
7
- line-height: 1.6;
8
- word-wrap: break-word; }
1
+ @charset "UTF-8";
2
+ :root {
3
+ --background-color: transparent;
4
+ --blockquote-border-color: #ddd;
5
+ --blockquote-color: #777;
6
+ --breadcrumbs-border-color: #ccc;
7
+ --clipboard-button-bg-color: white;
8
+ --clipboard-button-border-color: #ccc;
9
+ --font-color: #333;
10
+ --footnotes-color: #666;
11
+ --h1-border-color: #eee;
12
+ --h1-color: #333;
13
+ --h2-border-color: #eee;
14
+ --h2-color: #333;
15
+ --h3-color: #333;
16
+ --h4-color: #333;
17
+ --h5-color: #333;
18
+ --h6-color: #777;
19
+ --highlight-color: palegreen;
20
+ --hr-color: #ddd;
21
+ --inline-code-bg-color: #eee;
22
+ --kbd-bg-color: #fcfcfc;
23
+ --kbd-border-color: #ccc;
24
+ --kbd-color: #111;
25
+ --kbd-shadow-color: #bbb;
26
+ --link-color: #4078c0;
27
+ --quiet-color: #777;
28
+ --scrollbar-color: #ccc;
29
+ --search-field-border-color: #ccc;
30
+ --search-field-focused-border-color: #4078c0;
31
+ --sidebar-bg-color: transparent;
32
+ --sidebar-border-color: #ddd;
33
+ --sidebar-border-right-color: #ddd;
34
+ --table-alt-row-bg-color: transparent;
35
+ --table-bg-color: transparent;
36
+ --table-border-color: #ddd;
37
+ --table-header-bg-color: transparent;
38
+ --table-row-bg-color: transparent; }
9
39
 
10
- strong, .strong {
11
- font-weight: bolder; }
40
+ a {
41
+ color: var(--link-color);
42
+ text-decoration: none; }
43
+ a:active, a:hover, a:focus {
44
+ outline-width: 0;
45
+ text-decoration: underline; }
46
+ a:not([href]) {
47
+ color: inherit;
48
+ text-decoration: none; }
49
+ a.icon {
50
+ color: inherit; }
12
51
 
13
- h1, h2, h3, h4, h5, h6 {
14
- margin-top: 1em;
15
- margin-bottom: 16px;
16
- font-weight: bold;
17
- line-height: 1.4; }
52
+ .breadcrumbs {
53
+ margin-top: 6px;
54
+ border-bottom: 1px solid var(--breadcrumbs-border-color); }
55
+ .breadcrumbs a {
56
+ display: inline-block;
57
+ padding: 7px 0; }
18
58
 
19
- h1 {
20
- margin: 0.67em 0;
21
- padding-bottom: 0.3em;
22
- font-size: 2.25em;
23
- line-height: 1.2;
24
- border-bottom: 1px solid #eee; }
59
+ code {
60
+ background-color: var(--inline-code-bg-color);
61
+ padding: 0px 8px;
62
+ margin: 0;
63
+ font-size: 90%;
64
+ border-radius: 3px;
65
+ display: inline-block; }
25
66
 
26
- h2 {
27
- padding-bottom: 0.3em;
28
- font-size: 1.75em;
29
- line-height: 1.225;
30
- border-bottom: 1px solid #eee; }
67
+ pre {
68
+ overflow-x: auto;
69
+ position: relative;
70
+ border-radius: 3px; }
71
+ pre code {
72
+ background-color: transparent;
73
+ display: block;
74
+ font-size: inherit;
75
+ line-height: 1.2; }
76
+ pre code .clipboard-button {
77
+ background: var(--clipboard-button-bg-color);
78
+ border: 1px solid var(--clipboard-button-border-color);
79
+ position: absolute;
80
+ left: 7px;
81
+ bottom: 7px;
82
+ font-size: 1.25em;
83
+ border-radius: 5px;
84
+ opacity: 0;
85
+ transition: opacity 0.3s;
86
+ display: inline-block;
87
+ padding: 7px; }
88
+ pre code:hover .clipboard-button {
89
+ opacity: 0.7;
90
+ transition: opacity 0.3s; }
91
+ pre code:hover .clipboard-button:hover {
92
+ opacity: 1.0;
93
+ transition: opacity 0.3s; }
31
94
 
32
- h3 {
33
- font-size: 1.5em;
34
- line-height: 1.43; }
95
+ @font-face {
96
+ font-family: 'fontello';
97
+ src: url("../font/fontello.eot?19183580");
98
+ src: url("../font/fontello.eot?19183580#iefix") format("embedded-opentype"), url("../font/fontello.woff2?19183580") format("woff2"), url("../font/fontello.woff?19183580") format("woff"), url("../font/fontello.ttf?19183580") format("truetype"), url("../font/fontello.svg?19183580#fontello") format("svg");
99
+ font-weight: normal;
100
+ font-style: normal; }
35
101
 
36
- h4 {
37
- font-size: 1.25em; }
102
+ /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
103
+ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
104
+ /*
105
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
106
+ @font-face {
107
+ font-family: 'fontello';
108
+ src: url('../font/fontello.svg?19183580#fontello') format('svg');
109
+ }
110
+ }
111
+ */
112
+ [class^="icon-"]:before, [class*=" icon-"]:before {
113
+ font-family: "fontello";
114
+ font-style: normal;
115
+ font-weight: normal;
116
+ speak: never;
117
+ display: inline-block;
118
+ text-decoration: inherit;
119
+ width: 1em;
120
+ margin-right: .2em;
121
+ text-align: center;
122
+ /* opacity: .8; */
123
+ /* For safety - reset parent styles, that can break glyph codes*/
124
+ font-variant: normal;
125
+ text-transform: none;
126
+ /* fix buttons height, for twitter bootstrap */
127
+ line-height: 1em;
128
+ /* Animation center compensation - margins should be symmetric */
129
+ /* remove if not needed */
130
+ margin-left: .2em;
131
+ /* you can be more comfortable with increased icons size */
132
+ /* font-size: 120%; */
133
+ /* Font smoothing. That was taken from TWBS */
134
+ -webkit-font-smoothing: antialiased;
135
+ -moz-osx-font-smoothing: grayscale;
136
+ /* Uncomment for 3D effect */
137
+ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
38
138
 
39
- h5 {
40
- font-size: 1em; }
139
+ .icon-home:before {
140
+ content: '\e806'; }
41
141
 
42
- h6 {
43
- font-size: 1em;
44
- color: #777; }
142
+ /* '' */
143
+ .icon-copy:before {
144
+ content: '\f24d'; }
45
145
 
46
- code, pre, kbd {
47
- font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
48
- font-size: 1em; }
146
+ /* '' */
147
+ .icon-search:before {
148
+ content: '\f50d'; }
49
149
 
50
- table {
51
- border-spacing: 0;
52
- border-collapse: collapse;
53
- display: block;
54
- width: 100%;
55
- overflow: auto;
56
- word-break: normal;
57
- word-break: keep-all; }
58
- table th {
59
- font-weight: bold; }
60
- table th, table td {
61
- padding: 6px 13px;
62
- border: 1px solid #ddd; }
63
- table tr {
64
- background-color: #fff;
65
- border-top: 1px solid #ccc; }
66
- table tr:nth-child(2n) {
67
- background-color: #f8f8f8; }
150
+ /* '' */
151
+ .footnotes {
152
+ color: var(--footnotes-color);
153
+ font-size: 85%; }
68
154
 
69
- a {
70
- -webkit-text-decoration-skip: objects;
71
- color: #4078c0;
72
- text-decoration: none; }
73
- a:active, a:hover, a:focus {
74
- outline-width: 0;
75
- text-decoration: underline; }
76
- a:not([href]) {
77
- color: inherit;
78
- text-decoration: none; }
155
+ img {
156
+ border-style: none;
157
+ max-width: 100%;
158
+ box-sizing: content-box; }
159
+
160
+ kbd {
161
+ color: var(--kbd-color);
162
+ background-color: var(--kbd-bg-color);
163
+ border: solid 1px var(--kbd-border-color);
164
+ border-bottom-color: var(--kbd-shadow-color);
165
+ box-shadow: inset 0 -1px 0 var(--kbd-shadow-color);
166
+ display: inline-block;
167
+ padding: 6px 8px;
168
+ font-size: 85%;
169
+ line-height: 10px;
170
+ vertical-align: middle;
171
+ border-radius: 3px; }
172
+
173
+ hr {
174
+ border: 0;
175
+ border-top: 2px solid var(--hr-color); }
79
176
 
80
177
  ul, ol {
81
178
  margin-top: 0;
@@ -110,103 +207,261 @@ dl {
110
207
  li > p {
111
208
  margin-top: 16px; }
112
209
 
113
- code {
114
- padding: 0;
115
- padding-top: 0.2em;
116
- padding-bottom: 0.2em;
117
- margin: 0;
118
- background-color: #eee;
119
- border-radius: 3px; }
120
- code:before, code:after {
121
- letter-spacing: -0.2em;
122
- content: "\00a0"; }
123
-
124
- pre {
125
- margin-left: 20px;
126
- overflow: auto;
127
- line-height: 1.45;
128
- word-wrap: normal; }
129
- pre > code {
130
- padding: 0;
131
- margin: 0;
132
- font-size: 100%;
133
- word-break: normal;
134
- white-space: pre;
135
- background: transparent;
136
- border: 0; }
137
- pre code {
210
+ nav {
211
+ background: var(--sidebar-bg-color);
212
+ border-right: 1px solid var(--sidebar-border-right-color);
213
+ height: 100vh;
214
+ width: 300px;
215
+ overflow-y: auto;
216
+ position: fixed; }
217
+ @media print {
218
+ nav {
219
+ display: none; } }
220
+ @media only screen and (max-width: 767px) {
221
+ nav {
222
+ display: none; } }
223
+ nav .icon-bar {
224
+ border-bottom: 1px dotted var(--sidebar-border-color); }
225
+ nav a.document, nav span.document, nav .caption {
226
+ border-bottom: 1px dotted var(--sidebar-border-color);
227
+ display: block;
228
+ padding: 5px 20px 5px 30px; }
229
+ nav a.icon {
138
230
  display: inline-block;
139
- max-width: initial;
140
- overflow: initial;
141
- line-height: inherit;
142
- word-wrap: normal;
143
- border: 0; }
144
- pre code:before,
145
- pre code:after {
146
- content: normal; }
147
-
148
- .clipboard-button {
149
- position: absolute;
150
- right: 0;
151
- font-size: 1.25em;
152
- opacity: 0.2;
153
- transition: opacity 0.3s; }
154
-
155
- table.CodeRay:hover .clipboard-button {
156
- opacity: 1;
157
- transition: opacity 0.3s; }
158
-
159
- table.CodeRay {
160
- position: relative;
161
- margin-bottom: 0; }
162
- table.CodeRay pre {
163
- margin-bottom: 0; }
164
- table.CodeRay tr, table.CodeRay td {
165
- border: 0; }
166
- table.CodeRay tr pre, table.CodeRay td pre {
167
- margin-left: 0; }
168
- table.CodeRay td.line-numbers {
169
- background: #eee;
170
- padding: 4px; }
231
+ font-size: 1.5em;
232
+ width: 50%;
233
+ padding: 3px 20px 3px 30px; }
234
+ nav a.icon.wide {
235
+ width: 100%; }
236
+ nav:after {
237
+ content: "";
238
+ height: 90px;
239
+ display: block; }
171
240
 
172
- img {
173
- border-style: none;
174
- max-width: 100%;
175
- box-sizing: content-box;
176
- background-color: #fff; }
241
+ .highlight table td {
242
+ padding: 5px; }
177
243
 
178
- hr {
179
- box-sizing: content-box;
180
- overflow: visible;
181
- height: 0;
182
- overflow: hidden;
183
- border: 0;
184
- border-bottom: 1px solid #ddd;
185
- height: 4px;
186
- padding: 0;
187
- margin: 16px 0;
188
- background-color: #e7e7e7;
189
- border-bottom-color: #eee; }
190
- hr::before {
191
- display: table;
192
- content: ""; }
193
- hr::after {
194
- display: table;
195
- clear: both;
196
- content: ""; }
244
+ .highlight table pre {
245
+ margin: 0; }
197
246
 
198
- kbd {
199
- display: inline-block;
200
- padding: 3px 5px;
201
- font-size: 11px;
202
- line-height: 10px;
203
- color: #555;
204
- vertical-align: middle;
205
- background-color: #fcfcfc;
206
- border: solid 1px #ccc;
207
- border-bottom-color: #bbb;
208
- border-radius: 3px;
209
- box-shadow: inset 0 -1px 0 #bbb; }
247
+ .highlight .cm {
248
+ color: #999988;
249
+ font-style: italic; }
250
+
251
+ .highlight .cp {
252
+ color: #999999;
253
+ font-weight: bold; }
254
+
255
+ .highlight .c1 {
256
+ color: #999988;
257
+ font-style: italic; }
258
+
259
+ .highlight .cs {
260
+ color: #999999;
261
+ font-weight: bold;
262
+ font-style: italic; }
263
+
264
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
265
+ color: #999988;
266
+ font-style: italic; }
267
+
268
+ .highlight .err {
269
+ color: #a61717;
270
+ background-color: #e3d2d2; }
271
+
272
+ .highlight .gd {
273
+ color: #000000;
274
+ background-color: #ffdddd; }
275
+
276
+ .highlight .ge {
277
+ color: #000000;
278
+ font-style: italic; }
279
+
280
+ .highlight .gr {
281
+ color: #aa0000; }
282
+
283
+ .highlight .gh {
284
+ color: #999999; }
285
+
286
+ .highlight .gi {
287
+ color: #000000;
288
+ background-color: #ddffdd; }
289
+
290
+ .highlight .go {
291
+ color: #888888; }
292
+
293
+ .highlight .gp {
294
+ color: #555555; }
295
+
296
+ .highlight .gs {
297
+ font-weight: bold; }
298
+
299
+ .highlight .gu {
300
+ color: #aaaaaa; }
301
+
302
+ .highlight .gt {
303
+ color: #aa0000; }
304
+
305
+ .highlight .kc {
306
+ color: #000000;
307
+ font-weight: bold; }
308
+
309
+ .highlight .kd {
310
+ color: #000000;
311
+ font-weight: bold; }
312
+
313
+ .highlight .kn {
314
+ color: #000000;
315
+ font-weight: bold; }
316
+
317
+ .highlight .kp {
318
+ color: #000000;
319
+ font-weight: bold; }
320
+
321
+ .highlight .kr {
322
+ color: #000000;
323
+ font-weight: bold; }
324
+
325
+ .highlight .kt {
326
+ color: #445588;
327
+ font-weight: bold; }
328
+
329
+ .highlight .k, .highlight .kv {
330
+ color: #000000;
331
+ font-weight: bold; }
332
+
333
+ .highlight .mf {
334
+ color: #009999; }
335
+
336
+ .highlight .mh {
337
+ color: #009999; }
338
+
339
+ .highlight .il {
340
+ color: #009999; }
341
+
342
+ .highlight .mi {
343
+ color: #009999; }
344
+
345
+ .highlight .mo {
346
+ color: #009999; }
347
+
348
+ .highlight .m, .highlight .mb, .highlight .mx {
349
+ color: #009999; }
350
+
351
+ .highlight .sa {
352
+ color: #000000;
353
+ font-weight: bold; }
354
+
355
+ .highlight .sb {
356
+ color: #d14; }
357
+
358
+ .highlight .sc {
359
+ color: #d14; }
360
+
361
+ .highlight .sd {
362
+ color: #d14; }
363
+
364
+ .highlight .s2 {
365
+ color: #d14; }
366
+
367
+ .highlight .se {
368
+ color: #d14; }
369
+
370
+ .highlight .sh {
371
+ color: #d14; }
372
+
373
+ .highlight .si {
374
+ color: #d14; }
375
+
376
+ .highlight .sx {
377
+ color: #d14; }
378
+
379
+ .highlight .sr {
380
+ color: #009926; }
381
+
382
+ .highlight .s1 {
383
+ color: #d14; }
384
+
385
+ .highlight .ss {
386
+ color: #990073; }
387
+
388
+ .highlight .s, .highlight .dl {
389
+ color: #d14; }
390
+
391
+ .highlight .na {
392
+ color: #008080; }
393
+
394
+ .highlight .bp {
395
+ color: #999999; }
396
+
397
+ .highlight .nb {
398
+ color: #0086B3; }
399
+
400
+ .highlight .nc {
401
+ color: #445588;
402
+ font-weight: bold; }
403
+
404
+ .highlight .no {
405
+ color: #008080; }
406
+
407
+ .highlight .nd {
408
+ color: #3c5d5d;
409
+ font-weight: bold; }
410
+
411
+ .highlight .ni {
412
+ color: #800080; }
413
+
414
+ .highlight .ne {
415
+ color: #990000;
416
+ font-weight: bold; }
417
+
418
+ .highlight .nf, .highlight .fm {
419
+ color: #990000;
420
+ font-weight: bold; }
421
+
422
+ .highlight .nl {
423
+ color: #990000;
424
+ font-weight: bold; }
425
+
426
+ .highlight .nn {
427
+ color: #555555; }
428
+
429
+ .highlight .nt {
430
+ color: #000080; }
431
+
432
+ .highlight .vc {
433
+ color: #008080; }
434
+
435
+ .highlight .vg {
436
+ color: #008080; }
437
+
438
+ .highlight .vi {
439
+ color: #008080; }
440
+
441
+ .highlight .nv, .highlight .vm {
442
+ color: #008080; }
443
+
444
+ .highlight .ow {
445
+ color: #000000;
446
+ font-weight: bold; }
447
+
448
+ .highlight .o {
449
+ color: #000000;
450
+ font-weight: bold; }
451
+
452
+ .highlight .w {
453
+ color: #bbbbbb; }
454
+
455
+ .highlight {
456
+ background-color: #f8f8f8; }
457
+
458
+ ::-webkit-scrollbar {
459
+ width: 6px;
460
+ height: 6px; }
461
+
462
+ ::-webkit-scrollbar-thumb {
463
+ background: var(--scrollbar-color);
464
+ -webkit-border-radius: 3px; }
210
465
 
211
466
  @media print {
212
467
  #mobile-search {
@@ -229,102 +484,89 @@ kbd {
229
484
  margin-top: 20px; }
230
485
 
231
486
  .search-field {
487
+ border: 1px solid var(--search-field-border-color);
488
+ border-radius: 3px;
232
489
  outline: none;
233
490
  padding: 8px 12px;
234
491
  font-size: 1.5em;
235
- width: 50%;
236
- min-width: 200px;
237
492
  width: 100%;
238
- border: #ccc 1px solid;
239
- border-radius: 3px; }
493
+ min-width: 200px; }
240
494
  .search-field:focus {
241
- border-color: #4078c0; }
495
+ border-color: var(--search-field-focused-border-color); }
242
496
 
243
- .breadcrumbs {
244
- margin-top: 6px;
245
- border-bottom: 1px solid #ccc; }
246
- .breadcrumbs a {
247
- display: inline-block;
248
- padding: 7px 0; }
497
+ table {
498
+ border-spacing: 0;
499
+ border-collapse: collapse;
500
+ display: block;
501
+ width: 100%;
502
+ overflow: auto;
503
+ word-break: normal;
504
+ word-break: keep-all; }
505
+ table th, table td {
506
+ padding: 6px 13px;
507
+ border: 1px solid var(--table-border-color); }
508
+ table td {
509
+ background-color: var(--table-bg-color); }
510
+ table th {
511
+ font-weight: bold;
512
+ background-color: var(--table-header-bg-color); }
513
+ table tr {
514
+ background-color: var(--table-row-bg-color); }
515
+ table tr:nth-child(2n) {
516
+ background-color: var(--table-alt-row-bg-color); }
249
517
 
250
- nav {
251
- height: 100vh;
252
- width: 250px;
253
- overflow-y: auto;
254
- position: fixed; }
255
- @media print {
256
- nav {
257
- display: none; } }
258
- @media only screen and (max-width: 767px) {
259
- nav {
260
- display: none; } }
261
- nav .icon-bar {
262
- border-bottom: 1px dotted #ddd; }
263
- nav a.document, nav span.document, nav .caption {
264
- border-bottom: 1px dotted #ddd;
265
- display: block;
266
- padding: 5px 20px 5px 30px; }
267
- nav a.icon {
268
- display: inline-block;
269
- font-size: 1.5em;
270
- width: 50%;
271
- padding: 3px 20px 3px 30px; }
272
- nav a.icon.wide {
273
- width: 100%; }
274
- nav:after {
275
- content: "";
276
- height: 90px;
277
- display: block; }
518
+ body {
519
+ -ms-text-size-adjust: 100%;
520
+ -webkit-text-size-adjust: 100%;
521
+ color: var(--font-color);
522
+ font-family: "Segoe UI", "Helvetica Neue", Helvetica,Arial, freesans, sans-serif;
523
+ font-size: 16px;
524
+ line-height: 1.6;
525
+ word-wrap: break-word; }
278
526
 
279
- ::-webkit-scrollbar {
280
- width: 6px; }
527
+ strong, .strong {
528
+ font-weight: bolder; }
281
529
 
282
- ::-webkit-scrollbar-thumb {
283
- background: #ddd;
284
- -webkit-border-radius: 3px; }
530
+ h1, h2, h3, h4, h5, h6 {
531
+ margin-top: 1em;
532
+ margin-bottom: 16px;
533
+ font-weight: bold;
534
+ line-height: 1.4; }
285
535
 
286
- @font-face {
287
- font-family: 'fontello';
288
- src: url("../fonts/fontello.eot?68354463");
289
- src: url("../fonts/fontello.eot?68354463#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?68354463") format("woff2"), url("../fonts/fontello.woff?68354463") format("woff"), url("../fonts/fontello.ttf?68354463") format("truetype"), url("../fonts/fontello.svg?68354463#fontello") format("svg");
290
- font-weight: normal;
291
- font-style: normal; }
536
+ h1 {
537
+ color: var(--h1-color);
538
+ border-bottom: 1px solid var(--h1-border-color);
539
+ margin: 0.67em 0;
540
+ padding-bottom: 0.3em;
541
+ font-size: 2.25em;
542
+ line-height: 1.2; }
292
543
 
293
- [class^="icon-"]:before, [class*=" icon-"]:before {
294
- font-family: "fontello";
295
- font-style: normal;
296
- font-weight: normal;
297
- speak: none;
298
- display: inline-block;
299
- text-decoration: inherit;
300
- width: 1em;
301
- margin-right: .2em;
302
- text-align: center;
303
- /* opacity: .8; */
304
- /* For safety - reset parent styles, that can break glyph codes*/
305
- font-variant: normal;
306
- text-transform: none;
307
- /* fix buttons height, for twitter bootstrap */
308
- line-height: 1em;
309
- /* Animation center compensation - margins should be symmetric */
310
- /* remove if not needed */
311
- margin-left: .2em;
312
- /* you can be more comfortable with increased icons size */
313
- /* font-size: 120%; */
314
- /* Font smoothing. That was taken from TWBS */
315
- -webkit-font-smoothing: antialiased;
316
- -moz-osx-font-smoothing: grayscale;
317
- /* Uncomment for 3D effect */
318
- /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
544
+ h2 {
545
+ color: var(--h2-color);
546
+ border-bottom: 1px solid var(--h2-border-color);
547
+ padding-bottom: 0.3em;
548
+ font-size: 1.75em;
549
+ line-height: 1.225; }
319
550
 
320
- .icon-export:before {
321
- content: '\e800'; }
551
+ h3 {
552
+ color: var(--h3-color);
553
+ font-size: 1.5em;
554
+ line-height: 1.43; }
322
555
 
323
- .icon-home:before {
324
- content: '\e801'; }
556
+ h4 {
557
+ color: var(--h4-color);
558
+ font-size: 1.25em; }
325
559
 
326
- .icon-search:before {
327
- content: '\e802'; }
560
+ h5 {
561
+ color: var(--h5-color);
562
+ font-size: 1em; }
563
+
564
+ h6 {
565
+ color: var(--h6-color);
566
+ font-size: 1em; }
567
+
568
+ code, pre, kbd {
569
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
328
570
 
329
571
  * {
330
572
  box-sizing: border-box; }
@@ -334,10 +576,10 @@ p {
334
576
  margin-bottom: 10px; }
335
577
 
336
578
  blockquote {
579
+ color: var(--blockquote-color);
580
+ border-left: 4px solid var(--blockquote-border-color);
337
581
  margin: 0;
338
- padding: 0 15px;
339
- color: #777;
340
- border-left: 4px solid #ddd; }
582
+ padding: 0 15px; }
341
583
  blockquote > :first-child {
342
584
  margin-top: 0; }
343
585
  blockquote > :last-child {
@@ -347,11 +589,15 @@ p, blockquote, ul, ol, dl, table, pre {
347
589
  margin-top: 0;
348
590
  margin-bottom: 16px; }
349
591
 
592
+ mark {
593
+ background-color: var(--highlight-color); }
594
+
350
595
  .quiet {
351
- color: #777; }
596
+ color: var(--quiet-color); }
352
597
 
353
598
  body {
354
- max-width: 1300px;
599
+ background-color: var(--background-color);
600
+ max-width: 1400px;
355
601
  margin: 0 auto; }
356
602
 
357
603
  .main {
@@ -362,7 +608,7 @@ body {
362
608
  @media only screen and (min-width: 768px) {
363
609
  .main.with-sidebar {
364
610
  min-height: 100vh;
365
- margin-left: 250px; } }
611
+ margin-left: 300px; } }
366
612
  .main.without-sidebar {
367
613
  max-width: 980px;
368
614
  margin: 0 auto; }