madness 0.9.9 → 1.0.0.rc2

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.
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; }