takumi-markdown 1.0.2 → 1.1.0
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 +32 -0
- package/dist/components/MarkdownRenderer.d.ts +0 -2
- package/dist/plugins/rehypeHighlightCustom.d.ts +14 -0
- package/dist/takumi-markdown.cjs +30 -33
- package/dist/takumi-markdown.css +659 -1
- package/dist/takumi-markdown.mjs +17383 -23251
- package/package.json +7 -3
package/dist/takumi-markdown.css
CHANGED
|
@@ -1 +1,659 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Takumi Markdown - Japanese Typography Optimized CSS
|
|
3
|
+
* 日本語Webタイポグラフィの決定版
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* === Web Fonts === */
|
|
7
|
+
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDPGothic:wght@400;700&family=Manrope:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap');
|
|
8
|
+
|
|
9
|
+
/* === Typography Variables === */
|
|
10
|
+
:root {
|
|
11
|
+
/* Vertical Rhythm Base Unit */
|
|
12
|
+
--rhythm: 1.75rem;
|
|
13
|
+
|
|
14
|
+
/* Fluid Typography */
|
|
15
|
+
--text-base: clamp(15px, 1vw + 12px, 18px);
|
|
16
|
+
|
|
17
|
+
/*
|
|
18
|
+
* 行長（Line Length）
|
|
19
|
+
* 日本語の最適行長: 25-40文字（35文字前後が理想）
|
|
20
|
+
* 日本語は1文字≈1emなので、em単位で指定
|
|
21
|
+
* 35em = 35文字 × フォントサイズ
|
|
22
|
+
* ※ ch単位は欧文"0"幅基準のため日本語には不適切
|
|
23
|
+
*/
|
|
24
|
+
--max-width: clamp(320px, 90vw, 38em);
|
|
25
|
+
|
|
26
|
+
/*
|
|
27
|
+
* Font Stacks
|
|
28
|
+
* Manrope（欧文専用フォント）→ 日本語グリフを持たないため、
|
|
29
|
+
* 日本語文字は自動的に BIZ UDPGothic にフォールバックされる
|
|
30
|
+
*/
|
|
31
|
+
--font-sans: 'Manrope', 'BIZ UDPGothic', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic Medium', 'Yu Gothic', system-ui, sans-serif;
|
|
32
|
+
--font-mono: 'Fira Code', 'BIZ UDGothic', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
|
33
|
+
|
|
34
|
+
/* Line Heights */
|
|
35
|
+
--line-height-base: 1.8;
|
|
36
|
+
--line-height-heading: 1.3;
|
|
37
|
+
|
|
38
|
+
/* Colors - High Contrast Theme */
|
|
39
|
+
--c-bg: #ffffff;
|
|
40
|
+
--c-text: #1a1a1a;
|
|
41
|
+
--c-text-muted: #595959;
|
|
42
|
+
--c-text-heading: #0d0d0d;
|
|
43
|
+
--c-accent: #0969da;
|
|
44
|
+
--c-accent-hover: #0550ae;
|
|
45
|
+
--c-border: #e1e4e8;
|
|
46
|
+
--c-border-heavy: #c9ccd1;
|
|
47
|
+
--c-code-bg: #f6f8fa;
|
|
48
|
+
--c-blockquote-bg: #fafbfc;
|
|
49
|
+
--c-blockquote-border: #dfe2e5;
|
|
50
|
+
|
|
51
|
+
/* Spacing */
|
|
52
|
+
--spacing-unit: 8px;
|
|
53
|
+
--radius-sm: 4px;
|
|
54
|
+
--radius-md: 8px;
|
|
55
|
+
|
|
56
|
+
/* Heading Scale (Major Third) */
|
|
57
|
+
--scale-h1: 2.441em;
|
|
58
|
+
--scale-h2: 1.953em;
|
|
59
|
+
--scale-h3: 1.563em;
|
|
60
|
+
--scale-h4: 1.25em;
|
|
61
|
+
--scale-h5: 1em;
|
|
62
|
+
--scale-h6: 0.875em;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* === Frontmatter Block === */
|
|
66
|
+
.frontmatter-block {
|
|
67
|
+
margin-bottom: var(--rhythm);
|
|
68
|
+
border: 1px solid var(--c-border);
|
|
69
|
+
border-radius: var(--radius-md);
|
|
70
|
+
background-color: var(--c-code-bg);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.frontmatter-block summary {
|
|
74
|
+
padding: 0.5em 1em;
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
font-size: 0.85em;
|
|
77
|
+
color: var(--c-text-muted);
|
|
78
|
+
user-select: none;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.frontmatter-block pre {
|
|
82
|
+
margin: 0;
|
|
83
|
+
border-top: 1px solid var(--c-border);
|
|
84
|
+
border-radius: 0;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/* === Ruby (Furigana) === */
|
|
88
|
+
.markdown-body ruby {
|
|
89
|
+
ruby-position: over;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.markdown-body ruby rt {
|
|
93
|
+
font-size: 0.5em;
|
|
94
|
+
color: var(--c-text-muted);
|
|
95
|
+
font-weight: 400;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* === Main Typography Container === */
|
|
99
|
+
.markdown-body {
|
|
100
|
+
width: 100%;
|
|
101
|
+
max-width: var(--max-width);
|
|
102
|
+
margin: 0 auto;
|
|
103
|
+
padding: 0 calc(var(--spacing-unit) * 2);
|
|
104
|
+
|
|
105
|
+
/* Base Typography */
|
|
106
|
+
color: var(--c-text);
|
|
107
|
+
font-family: var(--font-sans);
|
|
108
|
+
font-size: var(--text-base);
|
|
109
|
+
line-height: var(--line-height-base);
|
|
110
|
+
|
|
111
|
+
/* Japanese Typography Optimization */
|
|
112
|
+
font-feature-settings: "palt", "halt"; /* 約物半角 */
|
|
113
|
+
font-kerning: normal;
|
|
114
|
+
text-rendering: optimizeLegibility;
|
|
115
|
+
-webkit-font-smoothing: antialiased;
|
|
116
|
+
-moz-osx-font-smoothing: grayscale;
|
|
117
|
+
|
|
118
|
+
/* 和欧間スペース（Chrome 120+対応） */
|
|
119
|
+
text-autospace: ideograph-alpha ideograph-numeric;
|
|
120
|
+
|
|
121
|
+
/* 句読点ぶら下げ */
|
|
122
|
+
hanging-punctuation: first allow-end;
|
|
123
|
+
|
|
124
|
+
/* 禁則処理 */
|
|
125
|
+
word-break: normal;
|
|
126
|
+
overflow-wrap: anywhere;
|
|
127
|
+
line-break: strict;
|
|
128
|
+
|
|
129
|
+
/* Letter Spacing */
|
|
130
|
+
letter-spacing: 0.02em;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/* === First Element Reset === */
|
|
134
|
+
.markdown-body > *:first-child {
|
|
135
|
+
margin-top: 0 !important;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.markdown-body > *:last-child {
|
|
139
|
+
margin-bottom: 0 !important;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* === Headings === */
|
|
143
|
+
.markdown-body h1,
|
|
144
|
+
.markdown-body h2,
|
|
145
|
+
.markdown-body h3,
|
|
146
|
+
.markdown-body h4,
|
|
147
|
+
.markdown-body h5,
|
|
148
|
+
.markdown-body h6 {
|
|
149
|
+
margin-top: calc(var(--rhythm) * 2);
|
|
150
|
+
margin-bottom: var(--rhythm);
|
|
151
|
+
font-weight: 700;
|
|
152
|
+
line-height: var(--line-height-heading);
|
|
153
|
+
letter-spacing: 0.01em;
|
|
154
|
+
color: var(--c-text-heading);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/* H1: 特別な存在感 */
|
|
158
|
+
.markdown-body h1 {
|
|
159
|
+
font-size: var(--scale-h1);
|
|
160
|
+
padding-bottom: 0.4em;
|
|
161
|
+
border-bottom: 2px solid var(--c-text-heading);
|
|
162
|
+
margin-top: 0;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
/* H2: セクション区切り */
|
|
166
|
+
.markdown-body h2 {
|
|
167
|
+
font-size: var(--scale-h2);
|
|
168
|
+
padding-bottom: 0.3em;
|
|
169
|
+
border-bottom: 1px solid var(--c-border-heavy);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
/* H3: サブセクション */
|
|
173
|
+
.markdown-body h3 {
|
|
174
|
+
font-size: var(--scale-h3);
|
|
175
|
+
color: var(--c-text);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/* H4: 強調見出し */
|
|
179
|
+
.markdown-body h4 {
|
|
180
|
+
font-size: var(--scale-h4);
|
|
181
|
+
font-weight: 600;
|
|
182
|
+
color: var(--c-text);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* H5, H6: 軽量見出し */
|
|
186
|
+
.markdown-body h5 {
|
|
187
|
+
font-size: var(--scale-h5);
|
|
188
|
+
font-weight: 600;
|
|
189
|
+
color: var(--c-text-muted);
|
|
190
|
+
text-transform: uppercase;
|
|
191
|
+
letter-spacing: 0.05em;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.markdown-body h6 {
|
|
195
|
+
font-size: var(--scale-h6);
|
|
196
|
+
font-weight: 600;
|
|
197
|
+
color: var(--c-text-muted);
|
|
198
|
+
text-transform: uppercase;
|
|
199
|
+
letter-spacing: 0.05em;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
/* === Paragraphs === */
|
|
203
|
+
.markdown-body p {
|
|
204
|
+
margin-top: 0;
|
|
205
|
+
margin-bottom: var(--rhythm);
|
|
206
|
+
text-align: justify;
|
|
207
|
+
text-justify: inter-ideograph;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
/* 行長はコンテナの --max-width (38em) で制御 */
|
|
211
|
+
|
|
212
|
+
/* === Blockquotes === */
|
|
213
|
+
.markdown-body blockquote {
|
|
214
|
+
position: relative;
|
|
215
|
+
margin: var(--rhythm) 0;
|
|
216
|
+
padding: calc(var(--rhythm) * 0.75) 1.5em;
|
|
217
|
+
color: var(--c-text-muted);
|
|
218
|
+
background-color: var(--c-blockquote-bg);
|
|
219
|
+
border-left: 4px solid var(--c-blockquote-border);
|
|
220
|
+
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
|
|
221
|
+
font-style: italic;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
/* 装飾的引用符 */
|
|
225
|
+
.markdown-body blockquote::before {
|
|
226
|
+
content: '\201C'; /* " */
|
|
227
|
+
position: absolute;
|
|
228
|
+
top: -0.2em;
|
|
229
|
+
left: 0.3em;
|
|
230
|
+
font-size: 3em;
|
|
231
|
+
color: var(--c-border);
|
|
232
|
+
font-family: Georgia, serif;
|
|
233
|
+
line-height: 1;
|
|
234
|
+
pointer-events: none;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.markdown-body blockquote p {
|
|
238
|
+
text-align: left;
|
|
239
|
+
margin-bottom: calc(var(--rhythm) * 0.5);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.markdown-body blockquote p:last-child {
|
|
243
|
+
margin-bottom: 0;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
/* ネストされた引用 */
|
|
247
|
+
.markdown-body blockquote blockquote {
|
|
248
|
+
margin-top: calc(var(--rhythm) * 0.5);
|
|
249
|
+
margin-bottom: 0;
|
|
250
|
+
border-left-color: var(--c-border);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.markdown-body blockquote blockquote::before {
|
|
254
|
+
display: none;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
/* === Lists === */
|
|
258
|
+
.markdown-body ul,
|
|
259
|
+
.markdown-body ol {
|
|
260
|
+
padding-left: 1.5em;
|
|
261
|
+
margin-top: 0;
|
|
262
|
+
margin-bottom: var(--rhythm);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
/* Unordered List: カスタムマーカー */
|
|
266
|
+
.markdown-body ul {
|
|
267
|
+
list-style: none;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.markdown-body ul > li {
|
|
271
|
+
position: relative;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.markdown-body ul > li::before {
|
|
275
|
+
content: '\2022'; /* • */
|
|
276
|
+
position: absolute;
|
|
277
|
+
left: -1.2em;
|
|
278
|
+
color: var(--c-text-muted);
|
|
279
|
+
font-weight: 700;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
/* ネストレベルごとのマーカー変化 */
|
|
283
|
+
.markdown-body ul ul > li::before {
|
|
284
|
+
content: '\25E6'; /* ◦ */
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.markdown-body ul ul ul > li::before {
|
|
288
|
+
content: '\25AA'; /* ▪ */
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
/* Ordered List: スタイリング */
|
|
292
|
+
.markdown-body ol {
|
|
293
|
+
list-style: none;
|
|
294
|
+
counter-reset: ol-counter;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.markdown-body ol > li {
|
|
298
|
+
position: relative;
|
|
299
|
+
counter-increment: ol-counter;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.markdown-body ol > li::before {
|
|
303
|
+
content: counter(ol-counter) '.';
|
|
304
|
+
position: absolute;
|
|
305
|
+
left: -1.8em;
|
|
306
|
+
width: 1.5em;
|
|
307
|
+
text-align: right;
|
|
308
|
+
color: var(--c-accent);
|
|
309
|
+
font-weight: 600;
|
|
310
|
+
font-variant-numeric: tabular-nums;
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
/* List Item Spacing */
|
|
314
|
+
.markdown-body li {
|
|
315
|
+
margin-bottom: calc(var(--rhythm) * 0.35);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.markdown-body li > p {
|
|
319
|
+
margin-bottom: calc(var(--rhythm) * 0.35);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
.markdown-body li:last-child {
|
|
323
|
+
margin-bottom: 0;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
/* Nested Lists */
|
|
327
|
+
.markdown-body ul ul,
|
|
328
|
+
.markdown-body ul ol,
|
|
329
|
+
.markdown-body ol ul,
|
|
330
|
+
.markdown-body ol ol {
|
|
331
|
+
margin-top: calc(var(--rhythm) * 0.35);
|
|
332
|
+
margin-bottom: 0;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
/* Task Lists */
|
|
336
|
+
.markdown-body input[type="checkbox"] {
|
|
337
|
+
margin-right: 0.5em;
|
|
338
|
+
transform: scale(1.1);
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
/* === Code === */
|
|
342
|
+
.markdown-body pre {
|
|
343
|
+
padding: 1rem 1.25rem;
|
|
344
|
+
overflow: auto;
|
|
345
|
+
font-size: 0.875em;
|
|
346
|
+
line-height: 1.6;
|
|
347
|
+
background-color: var(--c-code-bg);
|
|
348
|
+
border-radius: var(--radius-md);
|
|
349
|
+
margin-bottom: var(--rhythm);
|
|
350
|
+
border: 1px solid var(--c-border);
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.markdown-body code {
|
|
354
|
+
padding: 0.15em 0.4em;
|
|
355
|
+
margin: 0;
|
|
356
|
+
font-size: 0.875em;
|
|
357
|
+
font-family: var(--font-mono);
|
|
358
|
+
background-color: var(--c-code-bg);
|
|
359
|
+
border-radius: var(--radius-sm);
|
|
360
|
+
border: 1px solid var(--c-border);
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.markdown-body pre code {
|
|
364
|
+
padding: 0;
|
|
365
|
+
margin: 0;
|
|
366
|
+
font-size: 100%;
|
|
367
|
+
word-break: normal;
|
|
368
|
+
white-space: pre;
|
|
369
|
+
background: transparent;
|
|
370
|
+
border: 0;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/* === Tables === */
|
|
374
|
+
.markdown-body table {
|
|
375
|
+
display: block;
|
|
376
|
+
width: 100%;
|
|
377
|
+
width: max-content;
|
|
378
|
+
max-width: 100%;
|
|
379
|
+
overflow: auto;
|
|
380
|
+
border-spacing: 0;
|
|
381
|
+
border-collapse: collapse;
|
|
382
|
+
margin-bottom: var(--rhythm);
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.markdown-body tr {
|
|
386
|
+
background-color: var(--c-bg);
|
|
387
|
+
border-top: 1px solid var(--c-border);
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
.markdown-body tr:nth-child(2n) {
|
|
391
|
+
background-color: var(--c-code-bg);
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.markdown-body th,
|
|
395
|
+
.markdown-body td {
|
|
396
|
+
padding: 0.65em 1em;
|
|
397
|
+
border: 1px solid var(--c-border);
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
.markdown-body th {
|
|
401
|
+
font-weight: 600;
|
|
402
|
+
background-color: var(--c-code-bg);
|
|
403
|
+
text-align: left;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
/* === Links === */
|
|
407
|
+
.markdown-body a {
|
|
408
|
+
color: var(--c-accent);
|
|
409
|
+
text-decoration: none;
|
|
410
|
+
text-underline-offset: 0.15em;
|
|
411
|
+
transition: color 0.15s ease;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.markdown-body a:hover {
|
|
415
|
+
color: var(--c-accent-hover);
|
|
416
|
+
text-decoration: underline;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
/* === Horizontal Rule === */
|
|
420
|
+
.markdown-body hr {
|
|
421
|
+
height: 0;
|
|
422
|
+
margin: calc(var(--rhythm) * 1.5) 0;
|
|
423
|
+
border: 0;
|
|
424
|
+
border-top: 1px solid var(--c-border-heavy);
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
/* === Images === */
|
|
428
|
+
.markdown-body img {
|
|
429
|
+
max-width: 100%;
|
|
430
|
+
height: auto;
|
|
431
|
+
border-radius: var(--radius-sm);
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
/* === Strong & Emphasis === */
|
|
435
|
+
.markdown-body strong {
|
|
436
|
+
font-weight: 700;
|
|
437
|
+
color: var(--c-text-heading);
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.markdown-body em {
|
|
441
|
+
font-style: italic;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
/* === Strikethrough === */
|
|
445
|
+
.markdown-body del {
|
|
446
|
+
color: var(--c-text-muted);
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
/* === Definition Lists === */
|
|
450
|
+
.markdown-body dl {
|
|
451
|
+
margin-bottom: var(--rhythm);
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
.markdown-body dt {
|
|
455
|
+
font-weight: 600;
|
|
456
|
+
margin-top: calc(var(--rhythm) * 0.5);
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
.markdown-body dd {
|
|
460
|
+
margin-left: 1.5em;
|
|
461
|
+
margin-bottom: calc(var(--rhythm) * 0.5);
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
/* === Keyboard Input === */
|
|
465
|
+
.markdown-body kbd {
|
|
466
|
+
display: inline-block;
|
|
467
|
+
padding: 0.2em 0.4em;
|
|
468
|
+
font-size: 0.85em;
|
|
469
|
+
font-family: var(--font-mono);
|
|
470
|
+
line-height: 1;
|
|
471
|
+
color: var(--c-text);
|
|
472
|
+
background-color: var(--c-code-bg);
|
|
473
|
+
border: 1px solid var(--c-border-heavy);
|
|
474
|
+
border-radius: var(--radius-sm);
|
|
475
|
+
box-shadow: inset 0 -1px 0 var(--c-border-heavy);
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
/* === Abbreviations === */
|
|
479
|
+
.markdown-body abbr[title] {
|
|
480
|
+
text-decoration: underline dotted;
|
|
481
|
+
cursor: help;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
/* === Mark (Highlight) === */
|
|
485
|
+
.markdown-body mark {
|
|
486
|
+
padding: 0.1em 0.2em;
|
|
487
|
+
background-color: #fff8c5;
|
|
488
|
+
border-radius: 2px;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
/* === Responsive Typography === */
|
|
492
|
+
@media (max-width: 600px) {
|
|
493
|
+
.markdown-body {
|
|
494
|
+
padding: 0 calc(var(--spacing-unit) * 1.5);
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
.markdown-body h1 {
|
|
498
|
+
font-size: calc(var(--scale-h1) * 0.85);
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
.markdown-body h2 {
|
|
502
|
+
font-size: calc(var(--scale-h2) * 0.9);
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
.markdown-body h3 {
|
|
506
|
+
font-size: calc(var(--scale-h3) * 0.9);
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
.markdown-body blockquote {
|
|
510
|
+
padding-left: 1em;
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
.markdown-body blockquote::before {
|
|
514
|
+
font-size: 2em;
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
/* === Print Styles === */
|
|
519
|
+
@media print {
|
|
520
|
+
.markdown-body {
|
|
521
|
+
max-width: none;
|
|
522
|
+
font-size: 12pt;
|
|
523
|
+
line-height: 1.5;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
.markdown-body a {
|
|
527
|
+
color: inherit;
|
|
528
|
+
text-decoration: underline;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
.markdown-body a[href^="http"]::after {
|
|
532
|
+
content: " (" attr(href) ")";
|
|
533
|
+
font-size: 0.8em;
|
|
534
|
+
color: var(--c-text-muted);
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
.markdown-body pre,
|
|
538
|
+
.markdown-body blockquote {
|
|
539
|
+
page-break-inside: avoid;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
.markdown-body h1,
|
|
543
|
+
.markdown-body h2,
|
|
544
|
+
.markdown-body h3 {
|
|
545
|
+
page-break-after: avoid;
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
/* === Syntax Highlighting (highlight.js GitHub theme) === */
|
|
550
|
+
pre code.hljs {
|
|
551
|
+
display: block;
|
|
552
|
+
overflow-x: auto;
|
|
553
|
+
padding: 1em;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
code.hljs {
|
|
557
|
+
padding: 3px 5px;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
.hljs {
|
|
561
|
+
color: #24292e;
|
|
562
|
+
background: #ffffff;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
.hljs-doctag,
|
|
566
|
+
.hljs-keyword,
|
|
567
|
+
.hljs-meta .hljs-keyword,
|
|
568
|
+
.hljs-template-tag,
|
|
569
|
+
.hljs-template-variable,
|
|
570
|
+
.hljs-type,
|
|
571
|
+
.hljs-variable.language_ {
|
|
572
|
+
color: #d73a49;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.hljs-title,
|
|
576
|
+
.hljs-title.class_,
|
|
577
|
+
.hljs-title.class_.inherited__,
|
|
578
|
+
.hljs-title.function_ {
|
|
579
|
+
color: #6f42c1;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
.hljs-attr,
|
|
583
|
+
.hljs-attribute,
|
|
584
|
+
.hljs-literal,
|
|
585
|
+
.hljs-meta,
|
|
586
|
+
.hljs-number,
|
|
587
|
+
.hljs-operator,
|
|
588
|
+
.hljs-variable,
|
|
589
|
+
.hljs-selector-attr,
|
|
590
|
+
.hljs-selector-class,
|
|
591
|
+
.hljs-selector-id {
|
|
592
|
+
color: #005cc5;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
.hljs-regexp,
|
|
596
|
+
.hljs-string,
|
|
597
|
+
.hljs-meta .hljs-string {
|
|
598
|
+
color: #032f62;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
.hljs-built_in,
|
|
602
|
+
.hljs-symbol {
|
|
603
|
+
color: #e36209;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
.hljs-comment,
|
|
607
|
+
.hljs-code,
|
|
608
|
+
.hljs-formula {
|
|
609
|
+
color: #6a737d;
|
|
610
|
+
}
|
|
611
|
+
|
|
612
|
+
.hljs-name,
|
|
613
|
+
.hljs-quote,
|
|
614
|
+
.hljs-selector-tag,
|
|
615
|
+
.hljs-selector-pseudo {
|
|
616
|
+
color: #22863a;
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
.hljs-subst {
|
|
620
|
+
color: #24292e;
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
.hljs-section {
|
|
624
|
+
color: #005cc5;
|
|
625
|
+
font-weight: bold;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
.hljs-bullet {
|
|
629
|
+
color: #735c0f;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
.hljs-emphasis {
|
|
633
|
+
color: #24292e;
|
|
634
|
+
font-style: italic;
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
.hljs-strong {
|
|
638
|
+
color: #24292e;
|
|
639
|
+
font-weight: bold;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
.hljs-addition {
|
|
643
|
+
color: #22863a;
|
|
644
|
+
background-color: #f0fff4;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
.hljs-deletion {
|
|
648
|
+
color: #b31d28;
|
|
649
|
+
background-color: #ffeef0;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
.hljs-char.escape_,
|
|
653
|
+
.hljs-link,
|
|
654
|
+
.hljs-params,
|
|
655
|
+
.hljs-property,
|
|
656
|
+
.hljs-punctuation,
|
|
657
|
+
.hljs-tag {
|
|
658
|
+
/* purposely ignored */
|
|
659
|
+
}
|