@diplodoc/transform 4.31.2 → 4.31.4-beta1
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/README.md +27 -27
- package/README.ru.md +30 -27
- package/dist/css/print.css.map +2 -2
- package/dist/css/yfm.css +116 -61
- package/dist/css/yfm.css.map +3 -3
- package/dist/css/yfm.min.css +1 -1
- package/dist/css/yfm.min.css.map +3 -3
- package/dist/js/yfm.js +30 -34
- package/dist/js/yfm.js.map +3 -3
- package/dist/js/yfm.min.js +1 -1
- package/dist/js/yfm.min.js.map +3 -3
- package/lib/md.js +1 -0
- package/lib/md.js.map +1 -1
- package/package.json +5 -5
- package/src/scss/_common.scss +60 -48
- package/src/scss/_cut.scss +1 -1
- package/src/scss/_file.scss +2 -4
- package/src/scss/_highlight.scss +0 -16
- package/src/scss/_modal.scss +15 -13
- package/src/scss/_note.scss +9 -21
- package/src/scss/_term.scss +6 -9
- package/src/scss/brand.scss +48 -0
- package/src/scss/private.scss +44 -0
- package/src/transform/md.ts +1 -0
- package/src/transform/plugins/file/README.md +68 -14
- package/src/scss/_variables.scss +0 -16
package/dist/css/yfm.css
CHANGED
|
@@ -2,10 +2,84 @@
|
|
|
2
2
|
|
|
3
3
|
/* src/scss/yfm.scss */
|
|
4
4
|
.yfm {
|
|
5
|
+
--yfm-color-text-private: rgba(0, 0, 0, 0.7);
|
|
6
|
+
--yfm-color-link-private: #027bf3;
|
|
7
|
+
--yfm-color-link-hover-private: #004080;
|
|
8
|
+
--yfm-color-base-private: #ffffff;
|
|
9
|
+
--yfm-color-table-private: #333;
|
|
10
|
+
--yfm-color-border-private: rgba(0, 0, 0, 0.07);
|
|
11
|
+
--yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
|
|
12
|
+
--yfm-color-accent-private: #027bf3;
|
|
13
|
+
--yfm-color-inline-code-private: rgba(59, 96, 128, 1);
|
|
14
|
+
--yfm-color-inline-code-background-private: rgba(107, 132, 153, 0.12);
|
|
15
|
+
--yfm-color-code-background-private: rgba(107, 132, 153, 0.12);
|
|
16
|
+
--yfm-color-hljs-background-private: rgba(107, 132, 153, 0.12);
|
|
17
|
+
--yfm-color-hljs-subst-private: #444;
|
|
18
|
+
--yfm-color-hljs-comment-private: #888888;
|
|
19
|
+
--yfm-color-hljs-deletion-private: #880000;
|
|
20
|
+
--yfm-color-hljs-section-private: #880000;
|
|
21
|
+
--yfm-color-hljs-pseudo-private: #bc6060;
|
|
22
|
+
--yfm-color-hljs-literal-private: #78a960;
|
|
23
|
+
--yfm-color-hljs-addition-private: #397300;
|
|
24
|
+
--yfm-color-hljs-meta-private: #1f7199;
|
|
25
|
+
--yfm-color-hljs-meta-string-private: #4d99bf;
|
|
26
|
+
--yfm-color-note-tip-private: #56bd67;
|
|
27
|
+
--yfm-color-note-tip-background-private: rgba(63, 201, 46, 0.1);
|
|
28
|
+
--yfm-color-note-warning-private: #f19518;
|
|
29
|
+
--yfm-color-note-warning-background-private: rgba(255, 136, 0, 0.15);
|
|
30
|
+
--yfm-color-note-important-private: #ff4645;
|
|
31
|
+
--yfm-color-note-important-background-private: rgba(235, 50, 38, 0.08);
|
|
32
|
+
--yfm-color-note-info-background-private: rgba(2, 123, 243, 0.08);
|
|
33
|
+
--yfm-color-term-title-private: #027bf3;
|
|
34
|
+
--yfm-color-term-title-hover-private: #004080;
|
|
35
|
+
--yfm-color-term-dfn-background-private: rgb(255, 255, 255);
|
|
36
|
+
--yfm-color-term-dfn-shadow-private: rgba(0, 0, 0, 0.15);
|
|
37
|
+
--yfm-color-term-dfn-presudo-shadow-private: rgb(229, 229, 229);
|
|
38
|
+
--yfm-color-modal-content-private: rgb(255, 255, 255);
|
|
39
|
+
--yfm-color-modal-actions-hover-private: rgba(0, 0, 0, 0.05);
|
|
40
|
+
--yfm-color-modal-wide-content-private: rgba(0, 0, 0, 0.85);
|
|
41
|
+
--yfm-color-modal-wide-content-overlay-private: rgb(0, 0, 0);
|
|
42
|
+
--yfm-color-base: var(--yfm-color-base-private);
|
|
43
|
+
--yfm-color-text: var(--yfm-color-text-private);
|
|
44
|
+
--yfm-color-link: var(--yfm-color-link-private);
|
|
45
|
+
--yfm-color-link-hover: var(--yfm-color-link-hover-private);
|
|
46
|
+
--yfm-color-table: var(--yfm-color-table-private);
|
|
47
|
+
--yfm-color-table-row-background: var(--yfm-color-table-row-background-private);
|
|
48
|
+
--yfm-color-border: var(--yfm-color-border-private);
|
|
49
|
+
--yfm-color-accent: var(--yfm-color-accent-private);
|
|
50
|
+
--yfm-color-inline-code: var(--yfm-color-inline-code-private);
|
|
51
|
+
--yfm-color-inline-code-background: var(--yfm-color-inline-code-background-private);
|
|
52
|
+
--yfm-color-code-background: var(--yfm-color-code-background-private);
|
|
53
|
+
--yfm-color-hljs-background: var(--yfm-color-hljs-background-private);
|
|
54
|
+
--yfm-color-hljs-subst: var(--yfm-color-hljs-subst-private);
|
|
55
|
+
--yfm-color-hljs-comment: var(--yfm-color-hljs-comment-private);
|
|
56
|
+
--yfm-color-hljs-deletion: var(--yfm-color-hljs-deletion-private);
|
|
57
|
+
--yfm-color-hljs-section: var(--yfm-color-hljs-section-private);
|
|
58
|
+
--yfm-color-hljs-pseudo: var(--yfm-color-hljs-pseudo-private);
|
|
59
|
+
--yfm-color-hljs-literal: var(--yfm-color-hljs-literal-private);
|
|
60
|
+
--yfm-color-hljs-addition: var(--yfm-color-hljs-addition-private);
|
|
61
|
+
--yfm-color-hljs-meta: var(--yfm-color-hljs-meta-private);
|
|
62
|
+
--yfm-color-hljs-meta-string: var(--yfm-color-hljs-meta-string-private);
|
|
63
|
+
--yfm-color-note-tip: var(--yfm-color-note-tip-private);
|
|
64
|
+
--yfm-color-note-tip-background: var(--yfm-color-note-tip-background-private);
|
|
65
|
+
--yfm-color-note-warning: var(--yfm-color-note-warning-private);
|
|
66
|
+
--yfm-color-note-warning-background: var(--yfm-color-note-warning-background-private);
|
|
67
|
+
--yfm-color-note-important: var(--yfm-color-note-important-private);
|
|
68
|
+
--yfm-color-note-important-background: var(--yfm-color-note-important-background-private);
|
|
69
|
+
--yfm-color-note-info-background: var(--yfm-color-note-info-background-private);
|
|
70
|
+
--yfm-color-term-title: var(--yfm-color-term-title-private);
|
|
71
|
+
--yfm-color-term-title-hover: var(--yfm-color-term-title-hover-private);
|
|
72
|
+
--yfm-color-term-dfn-background: var(--yfm-color-term-dfn-background-private);
|
|
73
|
+
--yfm-color-term-dfn-shadow: var(--yfm-color-term-dfn-shadow-private);
|
|
74
|
+
--yfm-color-term-dfn-pseudo-shadow: var(--yfm-color-term-dfn-presudo-shadow-private);
|
|
75
|
+
--yfm-color-modal-content: var(--yfm-color-modal-content-private);
|
|
76
|
+
--yfm-color-modal-actions-hover: var(--yfm-color-modal-actions-hover-private);
|
|
77
|
+
--yfm-color-modal-wide-content: var(--yfm-color-modal-wide-content-private);
|
|
78
|
+
--yfm-color-modal-wide-content-overlay: var(--yfm-color-modal-wide-content-overlay-private);
|
|
5
79
|
font-family:
|
|
6
80
|
"Segoe UI",
|
|
7
|
-
|
|
8
|
-
|
|
81
|
+
arial,
|
|
82
|
+
helvetica,
|
|
9
83
|
sans-serif,
|
|
10
84
|
"Apple Color Emoji",
|
|
11
85
|
"Segoe UI Emoji",
|
|
@@ -15,16 +89,7 @@
|
|
|
15
89
|
line-height: 20px;
|
|
16
90
|
word-wrap: break-word;
|
|
17
91
|
color: rgba(0, 0, 0, 0.7);
|
|
18
|
-
--yfm-color-
|
|
19
|
-
--yfm-color-hljs-subst: #444;
|
|
20
|
-
--yfm-color-hljs-comment: #888888;
|
|
21
|
-
--yfm-color-hljs-deletion: #880000;
|
|
22
|
-
--yfm-color-hljs-section: #880000;
|
|
23
|
-
--yfm-color-hljs-pseudo: #BC6060;
|
|
24
|
-
--yfm-color-hljs-literal: #78A960;
|
|
25
|
-
--yfm-color-hljs-addition: #397300;
|
|
26
|
-
--yfm-color-hljs-meta: #1f7199;
|
|
27
|
-
--yfm-color-hljs-meta-string: #4d99bf;
|
|
92
|
+
color: var(--yfm-color-text);
|
|
28
93
|
--yfm-font-family-monospace:
|
|
29
94
|
"Menlo",
|
|
30
95
|
"Monaco",
|
|
@@ -37,8 +102,8 @@
|
|
|
37
102
|
monospace;
|
|
38
103
|
--yfm-font-family-sans:
|
|
39
104
|
"Segoe UI",
|
|
40
|
-
|
|
41
|
-
|
|
105
|
+
arial,
|
|
106
|
+
helvetica,
|
|
42
107
|
sans-serif,
|
|
43
108
|
"Apple Color Emoji",
|
|
44
109
|
"Segoe UI Emoji",
|
|
@@ -88,13 +153,13 @@
|
|
|
88
153
|
}
|
|
89
154
|
.yfm a {
|
|
90
155
|
background-color: transparent;
|
|
91
|
-
color:
|
|
156
|
+
color: var(--yfm-color-link);
|
|
92
157
|
-webkit-text-decoration: none;
|
|
93
158
|
text-decoration: none;
|
|
94
159
|
}
|
|
95
160
|
.yfm a:hover,
|
|
96
161
|
.yfm a:active {
|
|
97
|
-
color:
|
|
162
|
+
color: var(--yfm-color-link-hover);
|
|
98
163
|
}
|
|
99
164
|
.yfm a:not([href]) {
|
|
100
165
|
color: inherit;
|
|
@@ -120,7 +185,7 @@
|
|
|
120
185
|
.yfm img {
|
|
121
186
|
-o-object-fit: contain;
|
|
122
187
|
object-fit: contain;
|
|
123
|
-
background-color:
|
|
188
|
+
background-color: var(--yfm-color-base);
|
|
124
189
|
}
|
|
125
190
|
.yfm svg {
|
|
126
191
|
height: auto;
|
|
@@ -139,7 +204,7 @@
|
|
|
139
204
|
.yfm dl,
|
|
140
205
|
.yfm table,
|
|
141
206
|
.yfm pre {
|
|
142
|
-
margin: 0 0 15px
|
|
207
|
+
margin: 0 0 15px;
|
|
143
208
|
}
|
|
144
209
|
.yfm ul pre,
|
|
145
210
|
.yfm ol pre,
|
|
@@ -167,7 +232,7 @@
|
|
|
167
232
|
padding: 0;
|
|
168
233
|
}
|
|
169
234
|
.yfm table {
|
|
170
|
-
color:
|
|
235
|
+
color: var(--yfm-color-table);
|
|
171
236
|
display: inline-block;
|
|
172
237
|
max-width: 100%;
|
|
173
238
|
width: auto;
|
|
@@ -175,15 +240,15 @@
|
|
|
175
240
|
position: relative;
|
|
176
241
|
z-index: 1;
|
|
177
242
|
box-sizing: border-box;
|
|
178
|
-
border: 1px solid
|
|
243
|
+
border: 1px solid var(--yfm-color-border);
|
|
179
244
|
border-radius: 8px;
|
|
180
245
|
border-collapse: collapse;
|
|
181
246
|
border-spacing: 0;
|
|
182
|
-
background:
|
|
247
|
+
background: var(--yfm-color-base);
|
|
183
248
|
}
|
|
184
249
|
.yfm table thead,
|
|
185
250
|
.yfm table tr:nth-child(2n) {
|
|
186
|
-
background-color:
|
|
251
|
+
background-color: var(--yfm-color-table-row-background);
|
|
187
252
|
}
|
|
188
253
|
.yfm table tr:first-child td,
|
|
189
254
|
.yfm table tr:first-child th {
|
|
@@ -198,7 +263,7 @@
|
|
|
198
263
|
padding: 10px 20px;
|
|
199
264
|
overflow: hidden;
|
|
200
265
|
text-overflow: ellipsis;
|
|
201
|
-
border: 1px solid
|
|
266
|
+
border: 1px solid var(--yfm-color-border);
|
|
202
267
|
}
|
|
203
268
|
.yfm table th > *:first-child,
|
|
204
269
|
.yfm table td > *:first-child {
|
|
@@ -230,7 +295,7 @@
|
|
|
230
295
|
padding: 0;
|
|
231
296
|
margin: 1.5em 0;
|
|
232
297
|
overflow: hidden;
|
|
233
|
-
background-color:
|
|
298
|
+
background-color: var(--yfm-color-border);
|
|
234
299
|
border: none;
|
|
235
300
|
}
|
|
236
301
|
.yfm hr::before {
|
|
@@ -245,7 +310,7 @@
|
|
|
245
310
|
.yfm blockquote {
|
|
246
311
|
position: relative;
|
|
247
312
|
padding-left: 12px;
|
|
248
|
-
border-left: 3px solid
|
|
313
|
+
border-left: 3px solid var(--yfm-color-accent);
|
|
249
314
|
}
|
|
250
315
|
.yfm blockquote > *:first-child {
|
|
251
316
|
margin-top: 0;
|
|
@@ -317,11 +382,11 @@
|
|
|
317
382
|
}
|
|
318
383
|
.yfm code {
|
|
319
384
|
padding: 0.1em 0.4em 0.15em;
|
|
320
|
-
background-color:
|
|
385
|
+
background-color: var(--yfm-color-inline-code-background);
|
|
321
386
|
border-radius: 4px;
|
|
322
387
|
font-size: 0.875em;
|
|
323
|
-
white-space:
|
|
324
|
-
color:
|
|
388
|
+
white-space: pre-wrap;
|
|
389
|
+
color: var(--yfm-color-inline-code);
|
|
325
390
|
}
|
|
326
391
|
.yfm pre {
|
|
327
392
|
word-wrap: normal;
|
|
@@ -337,14 +402,14 @@
|
|
|
337
402
|
word-wrap: normal;
|
|
338
403
|
background-color: transparent;
|
|
339
404
|
border: 0;
|
|
340
|
-
color:
|
|
405
|
+
color: var(--yfm-color-text);
|
|
341
406
|
}
|
|
342
407
|
.yfm pre > code {
|
|
343
408
|
display: block;
|
|
344
409
|
padding: 16px;
|
|
345
410
|
overflow: auto;
|
|
346
|
-
background-color:
|
|
347
|
-
color:
|
|
411
|
+
background-color: var(--yfm-color-code-background);
|
|
412
|
+
color: var(--yfm-color-text);
|
|
348
413
|
white-space: pre;
|
|
349
414
|
}
|
|
350
415
|
.yfm sup,
|
|
@@ -376,7 +441,7 @@
|
|
|
376
441
|
font-weight: 700;
|
|
377
442
|
}
|
|
378
443
|
.yfm .yfm-note > p {
|
|
379
|
-
margin: 0 0 10px
|
|
444
|
+
margin: 0 0 10px;
|
|
380
445
|
}
|
|
381
446
|
.yfm .yfm-note > p:first-child::before {
|
|
382
447
|
box-sizing: content-box;
|
|
@@ -392,28 +457,28 @@
|
|
|
392
457
|
margin-bottom: 0;
|
|
393
458
|
}
|
|
394
459
|
.yfm .yfm-note.yfm-accent-info > p:first-child::before {
|
|
395
|
-
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(
|
|
460
|
+
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,255,255)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
|
|
396
461
|
}
|
|
397
462
|
.yfm .yfm-note.yfm-accent-tip > p:first-child::before {
|
|
398
|
-
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(
|
|
463
|
+
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(249,249,249)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
|
|
399
464
|
}
|
|
400
465
|
.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
|
|
401
|
-
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(
|
|
466
|
+
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(246,246,246)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
|
|
402
467
|
}
|
|
403
468
|
.yfm .yfm-note.yfm-accent-warning > p:first-child::before {
|
|
404
|
-
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(
|
|
469
|
+
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(242,242,242)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
|
|
405
470
|
}
|
|
406
471
|
.yfm .yfm-note.yfm-accent-info {
|
|
407
|
-
background:
|
|
472
|
+
background: var(--yfm-color-note-info-background);
|
|
408
473
|
}
|
|
409
474
|
.yfm .yfm-note.yfm-accent-tip {
|
|
410
|
-
background:
|
|
475
|
+
background: var(--yfm-color-note-tip-background);
|
|
411
476
|
}
|
|
412
477
|
.yfm .yfm-note.yfm-accent-alert {
|
|
413
|
-
background:
|
|
478
|
+
background: var(--yfm-color-note-important-background);
|
|
414
479
|
}
|
|
415
480
|
.yfm .yfm-note.yfm-accent-warning {
|
|
416
|
-
background:
|
|
481
|
+
background: var(--yfm-color-note-warning-background);
|
|
417
482
|
}
|
|
418
483
|
.yfm h1 .yfm-anchor,
|
|
419
484
|
.yfm h2 .yfm-anchor,
|
|
@@ -472,16 +537,13 @@
|
|
|
472
537
|
display: block;
|
|
473
538
|
overflow-x: auto;
|
|
474
539
|
padding: 16px;
|
|
475
|
-
background: rgba(107, 132, 153, 0.12);
|
|
476
540
|
background: var(--yfm-color-hljs-background);
|
|
477
541
|
}
|
|
478
542
|
.yfm .hljs,
|
|
479
543
|
.yfm .hljs-subst {
|
|
480
|
-
color: #444;
|
|
481
544
|
color: var(--yfm-color-hljs-subst);
|
|
482
545
|
}
|
|
483
546
|
.yfm .hljs-comment {
|
|
484
|
-
color: #888888;
|
|
485
547
|
color: var(--yfm-color-hljs-comment);
|
|
486
548
|
}
|
|
487
549
|
.yfm .hljs-keyword,
|
|
@@ -500,12 +562,10 @@
|
|
|
500
562
|
.yfm .hljs-quote,
|
|
501
563
|
.yfm .hljs-template-tag,
|
|
502
564
|
.yfm .hljs-deletion {
|
|
503
|
-
color: #880000;
|
|
504
565
|
color: var(--yfm-color-hljs-deletion);
|
|
505
566
|
}
|
|
506
567
|
.yfm .hljs-title,
|
|
507
568
|
.yfm .hljs-section {
|
|
508
|
-
color: #880000;
|
|
509
569
|
color: var(--yfm-color-hljs-section);
|
|
510
570
|
font-weight: bold;
|
|
511
571
|
}
|
|
@@ -516,26 +576,21 @@
|
|
|
516
576
|
.yfm .hljs-link,
|
|
517
577
|
.yfm .hljs-selector-attr,
|
|
518
578
|
.yfm .hljs-selector-pseudo {
|
|
519
|
-
color: #BC6060;
|
|
520
579
|
color: var(--yfm-color-hljs-pseudo);
|
|
521
580
|
}
|
|
522
581
|
.yfm .hljs-literal {
|
|
523
|
-
color: #78A960;
|
|
524
582
|
color: var(--yfm-color-hljs-literal);
|
|
525
583
|
}
|
|
526
584
|
.yfm .hljs-built_in,
|
|
527
585
|
.yfm .hljs-bullet,
|
|
528
586
|
.yfm .hljs-code,
|
|
529
587
|
.yfm .hljs-addition {
|
|
530
|
-
color: #397300;
|
|
531
588
|
color: var(--yfm-color-hljs-addition);
|
|
532
589
|
}
|
|
533
590
|
.yfm .hljs-meta {
|
|
534
|
-
color: #1f7199;
|
|
535
591
|
color: var(--yfm-color-hljs-meta);
|
|
536
592
|
}
|
|
537
593
|
.yfm .hljs-meta-string {
|
|
538
|
-
color: #4d99bf;
|
|
539
594
|
color: var(--yfm-color-hljs-meta-string);
|
|
540
595
|
}
|
|
541
596
|
.yfm .hljs-emphasis {
|
|
@@ -581,8 +636,8 @@
|
|
|
581
636
|
user-select: none;
|
|
582
637
|
width: 16px;
|
|
583
638
|
margin: 0 2px;
|
|
584
|
-
color:
|
|
585
|
-
color: var(--yfm-file-icon-color,
|
|
639
|
+
color: --yfm-color-text;
|
|
640
|
+
color: var(--yfm-file-icon-color, --yfm-color-text);
|
|
586
641
|
background-color: currentColor;
|
|
587
642
|
background-repeat: no-repeat;
|
|
588
643
|
background-position: 50%;
|
|
@@ -600,7 +655,7 @@
|
|
|
600
655
|
content: "\a0";
|
|
601
656
|
}
|
|
602
657
|
.yfm-term_title {
|
|
603
|
-
color:
|
|
658
|
+
color: var(--yfm-color-term-title);
|
|
604
659
|
cursor: pointer;
|
|
605
660
|
border-bottom: 1px dotted;
|
|
606
661
|
font-size: inherit;
|
|
@@ -608,7 +663,7 @@
|
|
|
608
663
|
font-style: normal;
|
|
609
664
|
}
|
|
610
665
|
.yfm-term_title:hover {
|
|
611
|
-
color:
|
|
666
|
+
color: var(--yfm-color-term-title-hover);
|
|
612
667
|
}
|
|
613
668
|
.yfm-term_dfn {
|
|
614
669
|
position: absolute;
|
|
@@ -619,12 +674,12 @@
|
|
|
619
674
|
visibility: hidden;
|
|
620
675
|
opacity: 0;
|
|
621
676
|
padding: 10px;
|
|
622
|
-
background-color:
|
|
677
|
+
background-color: var(--yfm-color-term-dfn-background);
|
|
623
678
|
font-size: inherit;
|
|
624
679
|
line-height: inherit;
|
|
625
680
|
font-style: normal;
|
|
626
681
|
border-radius: 4px;
|
|
627
|
-
box-shadow: 0 8px 20px
|
|
682
|
+
box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
|
|
628
683
|
outline: none;
|
|
629
684
|
}
|
|
630
685
|
@media screen and (max-width: 600px) {
|
|
@@ -641,7 +696,7 @@
|
|
|
641
696
|
bottom: 0;
|
|
642
697
|
left: 0;
|
|
643
698
|
border-radius: inherit;
|
|
644
|
-
box-shadow: 0 0 0 1px
|
|
699
|
+
box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
|
|
645
700
|
}
|
|
646
701
|
.yfm-term_dfn.open {
|
|
647
702
|
visibility: visible;
|
|
@@ -703,7 +758,7 @@
|
|
|
703
758
|
}
|
|
704
759
|
.wide-container .wide-content-wrapper {
|
|
705
760
|
z-index: 200;
|
|
706
|
-
background-color: var(--
|
|
761
|
+
background-color: var(--yfm-color-modal-content);
|
|
707
762
|
height: 90vh;
|
|
708
763
|
width: 70vw;
|
|
709
764
|
border-radius: 10px;
|
|
@@ -747,7 +802,7 @@
|
|
|
747
802
|
transition: background 300ms;
|
|
748
803
|
}
|
|
749
804
|
.wide-container .wide-content-wrapper .wide-actions .close-action:hover {
|
|
750
|
-
background: var(--
|
|
805
|
+
background: var(--yfm-color-modal-actions-hover);
|
|
751
806
|
}
|
|
752
807
|
.wide-element-wrapper {
|
|
753
808
|
display: flex;
|
|
@@ -767,7 +822,7 @@
|
|
|
767
822
|
z-index: 100;
|
|
768
823
|
padding: 6px;
|
|
769
824
|
box-sizing: content-box;
|
|
770
|
-
color: var(--
|
|
825
|
+
color: var(--yfm-color-modal-wide-content);
|
|
771
826
|
cursor: pointer;
|
|
772
827
|
}
|
|
773
828
|
.wide-content-viewer > svg {
|
|
@@ -781,7 +836,7 @@
|
|
|
781
836
|
position: fixed;
|
|
782
837
|
top: 0;
|
|
783
838
|
left: 0;
|
|
784
|
-
background-color:
|
|
839
|
+
background-color: var(--yfm-color-modal-wide-content-overlay);
|
|
785
840
|
opacity: 0.6;
|
|
786
841
|
}
|
|
787
842
|
.yfm-cut {
|