@jhuix/showdowns 0.6.6 → 0.6.8
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 +30 -14
- package/demo/index.html +12 -5
- package/dist/showdowns.core.min.css +10 -4
- package/dist/showdowns.core.min.js +2 -2
- package/dist/showdowns.core.min.js.map +1 -1
- package/dist/showdowns.min.css +10 -4
- package/dist/showdowns.min.js +2 -2
- package/dist/showdowns.min.js.map +1 -1
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -252,6 +252,10 @@ Table header can be eliminated.
|
|
|
252
252
|
|
|
253
253
|
[Vega and Vega-Lite](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#vega-and-vega-lite)
|
|
254
254
|
|
|
255
|
+
[Echarts](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#echarts)
|
|
256
|
+
|
|
257
|
+
[ABCJS](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#abc)
|
|
258
|
+
|
|
255
259
|
See more information, refer to the following document:
|
|
256
260
|
|
|
257
261
|
[Extensions Examples](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md)
|
|
@@ -310,8 +314,8 @@ See more information, refer to the following document:
|
|
|
310
314
|
var showdowns = require('showdowns'),
|
|
311
315
|
showdowns.init()
|
|
312
316
|
var text = '# hello, markdown!',
|
|
313
|
-
showdowns.makeHtml(text).then(
|
|
314
|
-
//Do something for 'html'
|
|
317
|
+
showdowns.makeHtml(text).then(obj => {
|
|
318
|
+
//Do something for 'obj.html' and 'obj.scripts'
|
|
315
319
|
});
|
|
316
320
|
|
|
317
321
|
#### Browser
|
|
@@ -348,8 +352,9 @@ Put the following line into your HTML page \<header> or \<body>:
|
|
|
348
352
|
md = md + `\n\n## Showdown's Markdown syntax\n\n` + text;
|
|
349
353
|
showdowns.makeHtml(md).then(obj => {
|
|
350
354
|
element.innerHTML = obj.html;
|
|
351
|
-
showdowns.completedHtml(obj.scripts);
|
|
355
|
+
showdowns.completedHtml(obj.scripts, '.showdowns');
|
|
352
356
|
}).catch(err =>{
|
|
357
|
+
element.innerHTML = '';
|
|
353
358
|
console.log(err);
|
|
354
359
|
});
|
|
355
360
|
})
|
|
@@ -358,8 +363,9 @@ Put the following line into your HTML page \<header> or \<body>:
|
|
|
358
363
|
if (md) {
|
|
359
364
|
showdowns.makeHtml(md).then(obj => {
|
|
360
365
|
element.innerHTML = obj.html;
|
|
361
|
-
showdowns.completedHtml(obj.scripts);
|
|
366
|
+
showdowns.completedHtml(obj.scripts, '.showdowns');
|
|
362
367
|
}).catch(err =>{
|
|
368
|
+
element.innerHTML = '';
|
|
363
369
|
console.log(err);
|
|
364
370
|
});
|
|
365
371
|
}
|
|
@@ -384,11 +390,14 @@ Default options is described below:
|
|
|
384
390
|
katex: { mathDelimiters: [
|
|
385
391
|
{ left: '$$', right: '$$', display: true },
|
|
386
392
|
{ left: '\\[', right: '\\]', display: true },
|
|
387
|
-
{ left:
|
|
393
|
+
{ left: "\\begin{equation}", right: "\\end{equation}", display: true },
|
|
394
|
+
{ left: "\\begin{align}", right: "\\end{align}", display: true },
|
|
395
|
+
{ left: "\\begin{alignat}", right: "\\end{alignat}", display: true },
|
|
396
|
+
{ left: "\\begin{gather}", right: "\\end{gather}", display: true },
|
|
397
|
+
{ left: "\\begin{CD}", right: "\\end{CD}", display: true },
|
|
388
398
|
{ left: '\\(', right: '\\)', display: false },
|
|
389
399
|
{ left: '@@', right: '@@', display: true, asciimath: true },
|
|
390
|
-
{ left:
|
|
391
|
-
{ left: '~ ', right: ' ~', display: false, asciimath: true }
|
|
400
|
+
{ left: "\\$", right: "\\$", display: false, asciimath: true }
|
|
392
401
|
]},
|
|
393
402
|
vega: { theme: 'vox' }
|
|
394
403
|
};
|
|
@@ -431,16 +440,12 @@ Default options is described below:
|
|
|
431
440
|
{left: '\\[', right: '\\]'}
|
|
432
441
|
],
|
|
433
442
|
inline: [
|
|
434
|
-
{left: "$", right: "$"},
|
|
435
443
|
{left: '\\(', right: '\\)'}
|
|
436
444
|
]
|
|
437
445
|
},
|
|
438
446
|
asciimath: {
|
|
439
447
|
display: [ {left: "@@", right: "@@"}],
|
|
440
|
-
inline: [
|
|
441
|
-
{left: "@ ", right: " @"},
|
|
442
|
-
{left: "~ ", right: " ~"},
|
|
443
|
-
]
|
|
448
|
+
inline: [ {left: "\\$ ", right: "\\$"}]
|
|
444
449
|
}
|
|
445
450
|
}
|
|
446
451
|
}
|
|
@@ -620,18 +625,29 @@ A function to init that be created showdown.convertor instance or update default
|
|
|
620
625
|
|
|
621
626
|
#### makeHtml
|
|
622
627
|
|
|
628
|
+
Type: interface script {
|
|
629
|
+
outer?:[
|
|
630
|
+
{name:string, src:string}
|
|
631
|
+
],
|
|
632
|
+
id?:string,
|
|
633
|
+
code?:string,
|
|
634
|
+
inner?:[
|
|
635
|
+
{id:string, code:string}
|
|
636
|
+
]
|
|
637
|
+
}
|
|
638
|
+
|
|
623
639
|
Type: ({type:'zip', content: string} | string,
|
|
624
640
|
(csstypes?: {
|
|
625
641
|
hasKatex: boolean;
|
|
626
642
|
hasRailroad: boolean;
|
|
627
643
|
hasSequence: boolean
|
|
628
|
-
}) => void) => Promise\<{html, scripts}>
|
|
644
|
+
}) => void) => Promise\<{html: string, scripts: [script]}>
|
|
629
645
|
|
|
630
646
|
A async function to make markdown to html that showdown.convertor converte it in current showdowns instance.
|
|
631
647
|
|
|
632
648
|
#### completedHtml
|
|
633
649
|
|
|
634
|
-
Type: ( scripts?: [] | string) => Promise\<boolean>
|
|
650
|
+
Type: ( scripts?: [script] | string, scriptContainer?: HTMLElement | string) => Promise\<boolean>
|
|
635
651
|
|
|
636
652
|
A async function to completed markdown to html that append scripts to dom.
|
|
637
653
|
|
package/demo/index.html
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
html {
|
|
17
17
|
box-sizing: border-box;
|
|
18
18
|
text-size-adjust: 100%;
|
|
19
|
-
font-size:
|
|
19
|
+
font-size: 62.5%;
|
|
20
20
|
line-height: 1.5;
|
|
21
21
|
height: 100%;
|
|
22
22
|
}
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
Segoe UI Emoji;
|
|
36
36
|
-webkit-font-smoothing: antialiased;
|
|
37
37
|
height: 100%;
|
|
38
|
+
font-size: 1.5rem;
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
code {
|
|
@@ -45,7 +46,13 @@
|
|
|
45
46
|
|
|
46
47
|
.workspace-container {
|
|
47
48
|
overflow: hidden;
|
|
48
|
-
|
|
49
|
+
display: flex;
|
|
50
|
+
flex-direction: column-reverse;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.workspace-container.main-toc-row {
|
|
54
|
+
flex-direction: row;
|
|
55
|
+
justify-content: flex-end;
|
|
49
56
|
}
|
|
50
57
|
|
|
51
58
|
::-webkit-scrollbar {
|
|
@@ -78,7 +85,7 @@
|
|
|
78
85
|
</head>
|
|
79
86
|
|
|
80
87
|
<body style="display:none;" onload="document.body.style.display = 'block'">
|
|
81
|
-
<div id="main" class="workspace-container"></div>
|
|
88
|
+
<div id="main" class="workspace-container main-toc-row"></div>
|
|
82
89
|
<script src="../dist/showdowns.min.js"></script>
|
|
83
90
|
<script>
|
|
84
91
|
(function(element) {
|
|
@@ -111,7 +118,7 @@
|
|
|
111
118
|
}
|
|
112
119
|
})
|
|
113
120
|
.then(function(text) {
|
|
114
|
-
md = md + `\n\n
|
|
121
|
+
md = md + `\n\n# Showdown's Markdown syntax\n\n` + text;
|
|
115
122
|
showdowns
|
|
116
123
|
.makeHtml(md, csstypes => {
|
|
117
124
|
mdCssTypes = csstypes;
|
|
@@ -138,7 +145,7 @@
|
|
|
138
145
|
.then(res => {
|
|
139
146
|
if (typeof res === 'object') {
|
|
140
147
|
element.innerHTML = res.html;
|
|
141
|
-
showdowns.completedHtml(res.scripts);
|
|
148
|
+
showdowns.completedHtml(res.scripts, '.showdowns');
|
|
142
149
|
} else {
|
|
143
150
|
element.innerHTML = res;
|
|
144
151
|
}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* css of showdowns v0.6.
|
|
2
|
+
* css of showdowns v0.6.8
|
|
3
3
|
* Copyright (c) 2019-present, Jhuix (Hui Jin) <jhuix0117@gmail.com>
|
|
4
4
|
* Released under the MIT License.
|
|
5
|
-
*/.showdowns blockquote,.showdowns dd,.showdowns div,.showdowns dl,.showdowns dt,.showdowns form,.showdowns h1,.showdowns h2,.showdowns h3,.showdowns h4,.showdowns h5,.showdowns h6,.showdowns li,.showdowns ol,.showdowns p,.showdowns pre,.showdowns td,.showdowns th,.showdowns ul{margin:0;padding:0}.showdowns div.paragraph.align-right,.showdowns h1.align-right,.showdowns h2.align-right,.showdowns h3.align-right,.showdowns h4.align-right,.showdowns h5.align-right,.showdowns h6.align-right,.showdowns li.align-right,.showdowns p.align-right{text-align:right}.showdowns div.paragraph.align-center,.showdowns h1.align-center,.showdowns h2.align-center,.showdowns h3.align-center,.showdowns h4.align-center,.showdowns h5.align-center,.showdowns h6.align-center,.showdowns li.align-center,.showdowns p.align-center{text-align:center}.showdowns a{color:#0366d6;line-height:inherit;text-decoration:none}.showdowns a img{border:none}.showdowns a:hover{cursor:pointer;text-decoration:underline}.showdowns img{-ms-interpolation-mode:bicubic;display:inherit;height:auto;margin:0 auto;max-width:100%}.showdowns p{font-family:inherit;font-size:1em;font-weight:400;line-height:1.5;margin-bottom:1.25em;text-rendering:optimizeLegibility}.showdowns p.lead{font-size:1.21875em;line-height:1.5}.showdowns p aside{font-size:.875em;font-style:italic;line-height:1.5}.showdowns h1,.showdowns h2,.showdowns h3,.showdowns h4,.showdowns h5,.showdowns h6{font-style:normal;font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:1.5rem;text-rendering:optimizeLegibility}.showdowns h1 small,.showdowns h2 small,.showdowns h3 small,.showdowns h4 small,.showdowns h5 small,.showdowns h6 small{font-size:60%;line-height:0}.showdowns h1,.showdowns h2{border-bottom:1px solid #d6d6d6;padding-bottom:.3em}.showdowns h1{font-size:
|
|
5
|
+
*/.showdowns{flex-grow:1;margin-left:1rem;overflow-x:hidden;position:relative}.showdowns blockquote,.showdowns dd,.showdowns div,.showdowns dl,.showdowns dt,.showdowns form,.showdowns h1,.showdowns h2,.showdowns h3,.showdowns h4,.showdowns h5,.showdowns h6,.showdowns li,.showdowns ol,.showdowns p,.showdowns pre,.showdowns td,.showdowns th,.showdowns ul{margin:0;padding:0}.showdowns div.paragraph.align-right,.showdowns h1.align-right,.showdowns h2.align-right,.showdowns h3.align-right,.showdowns h4.align-right,.showdowns h5.align-right,.showdowns h6.align-right,.showdowns li.align-right,.showdowns p.align-right{text-align:right}.showdowns div.paragraph.align-center,.showdowns h1.align-center,.showdowns h2.align-center,.showdowns h3.align-center,.showdowns h4.align-center,.showdowns h5.align-center,.showdowns h6.align-center,.showdowns li.align-center,.showdowns p.align-center{text-align:center}.showdowns a{color:#0366d6;line-height:inherit;text-decoration:none}.showdowns a img{border:none}.showdowns a:hover{cursor:pointer;text-decoration:underline}.showdowns img{-ms-interpolation-mode:bicubic;display:inherit;height:auto;margin:0 auto;max-width:100%}.showdowns p{font-family:inherit;font-size:1em;font-weight:400;line-height:1.5;margin-bottom:1.25em;text-rendering:optimizeLegibility}.showdowns p.lead{font-size:1.21875em;line-height:1.5}.showdowns p aside{font-size:.875em;font-style:italic;line-height:1.5}.showdowns h1,.showdowns h2,.showdowns h3,.showdowns h4,.showdowns h5,.showdowns h6{font-style:normal;font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:1.5rem;text-rendering:optimizeLegibility}.showdowns h1 small,.showdowns h2 small,.showdowns h3 small,.showdowns h4 small,.showdowns h5 small,.showdowns h6 small{font-size:60%;line-height:0}.showdowns h1,.showdowns h2{border-bottom:1px solid #d6d6d6;padding-bottom:.3em}.showdowns h1{font-size:3.2rem}.showdowns h2{font-size:2.8rem}.showdowns h3{font-size:2.4rem}.showdowns h4{font-size:2rem}.showdowns h5{font-size:1.8rem}.showdowns h6{color:#6a737d;font-size:1.6rem}.showdowns .subheader{color:#6f6f6f;font-weight:400;line-height:1.4;margin-bottom:.5em;margin-top:.2em}.showdowns hr{border:solid #ddd;border-width:1px 0 0;clear:both;height:0;margin:1.25em 0 1.1875em}.showdowns em,.showdowns i{font-style:italic;line-height:inherit}.showdowns b,.showdowns strong{font-weight:600;line-height:inherit}.showdowns small{font-size:60%;line-height:inherit}.showdowns code{border-style:solid;border-width:1px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-weight:400;padding:.125em .3125em .0625em}.showdowns dl,.showdowns ol,.showdowns ul{font-family:inherit;font-size:1em;line-height:1.5;list-style-position:outside;margin-bottom:1.25em}.showdowns ul{margin-left:1.1em}.showdowns ul.no-bullet{margin-left:0}.showdowns ul.no-bullet li ol,.showdowns ul.no-bullet li ul{list-style:none;margin-bottom:0;margin-left:1.25em}.showdowns ul li ol,.showdowns ul li ul{margin-bottom:0;margin-left:1.25em}.showdowns ul.circle li ul,.showdowns ul.disc li ul,.showdowns ul.square li ul{list-style:inherit}.showdowns ul.square{list-style-type:square;margin-left:1.1em}.showdowns ul.circle{list-style-type:circle;margin-left:1.1em}.showdowns ul.disc{list-style-type:disc;margin-left:1.1em}.showdowns ul.no-bullet{list-style:none}.showdowns ol{margin-left:1.4em}.showdowns ol li ol,.showdowns ol li ul{margin-bottom:0;margin-left:1.25em}.showdowns dl dt{font-weight:600;margin-bottom:.3em}.showdowns dl dd{margin-bottom:.75em}.showdowns abbr,.showdowns acronym{color:#222;cursor:help;font-size:90%;text-transform:uppercase}.showdowns abbr{text-transform:none}.showdowns abbr[title]{border-bottom:1px dotted #5c5c5c}.showdowns blockquote{border-left:4px solid #d6d6d6;color:#5c5c5c;line-height:1.5;margin:0 0 16px;padding:0 15px}.showdowns blockquote cite{color:#555;display:block;font-size:.8125em}.showdowns blockquote cite:before{content:"\2014 \0020"}.showdowns blockquote cite a,.showdowns blockquote cite a:visited{color:#555}.showdowns pre{word-wrap:break-word;border:1px solid #dfdfdf;margin-bottom:1.5em;margin-top:1.5em;padding:.125em .3125em .0625em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.showdowns pre code{background-color:transparent;border:0;padding:0}.showdowns table{background:#fff;border-collapse:collapse;border-spacing:0;margin-bottom:1.25em;overflow:auto;table-layout:auto}.showdowns table caption{background:transparent;color:#222;font-weight:600}.showdowns table thead{background:#f5f5f5}.showdowns table thead tr td,.showdowns table thead tr th{border:1px solid #d6d6d6;color:#222;font-weight:600;line-height:1.125em;padding:.5em .625em .625em}.showdowns table tfoot{background:#f5f5f5}.showdowns table tfoot tr td,.showdowns table tfoot tr th{border:1px solid #d6d6d6;color:#222;font-weight:600;line-height:1.125em;padding:.5em .625em .625em}.showdowns table tr td,.showdowns table tr th{border:1px solid #d6d6d6;color:#222;line-height:1.125em;padding:.5625em .625em}.showdowns table tr.alt,.showdowns table tr.even,.showdowns table tr:nth-of-type(2n){background:#f9f9f9}.showdowns table tbody tr td,.showdowns table tbody tr th{border:1px solid #d6d6d6;line-height:1.125em}.showdowns .flow,.showdowns .flowchart,.showdowns .mermaid,.showdowns .plantuml,.showdowns .sequence,.showdowns .wavedrom{background-color:#f9f9f9}.showdowns .diagram-center:not(.asciimath):not(.latex):not(.mermaid){display:table;margin:auto}.showdowns .diagram-right:not(.asciimath):not(.latex):not(.mermaid){display:table;margin:auto 0 auto auto}.showdowns .diagram-center.mermaid{text-align:center}.showdowns .diagram-right.mermaid{text-align:right}.showdowns .asciimath:not(.diagram-center):not(.diagram-right) .katex,.showdowns .asciimath:not(.diagram-center):not(.diagram-right) .katex-display,.showdowns .latex:not(.diagram-center):not(.diagram-right) .katex,.showdowns .latex:not(.diagram-center):not(.diagram-right) .katex-display{text-align:unset}.showdowns .asciimath.diagram-center .katex,.showdowns .asciimath.diagram-center .katex-display,.showdowns .latex.diagram-center .katex,.showdowns .latex.diagram-center .katex-display{text-align:center}.showdowns .asciimath.diagram-right .katex,.showdowns .asciimath.diagram-right .katex-display,.showdowns .latex.diagram-right .katex,.showdowns .latex.diagram-right .katex-display{text-align:right}
|
|
6
6
|
|
|
7
7
|
/*!
|
|
8
|
-
* css of showdowns v0.6.
|
|
8
|
+
* css of showdowns v0.6.8
|
|
9
9
|
* Copyright (c) 2019-present, Jhuix (Hui Jin) <jhuix0117@gmail.com>
|
|
10
10
|
* Released under the MIT License.
|
|
11
|
-
*/.showdowns .showdown-container{border:1px solid #eee;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.showdowns .showdown-container.container{border-left-width:.25rem;border-right-width:.25rem}.showdowns .showdown-container.container.tip{border-left-color:#5bc0de;border-right-color:#5bc0de}.showdowns .showdown-container.container.info{border-left-color:#cce5ff;border-right-color:#cce5ff}.showdowns .showdown-container.container.warning{border-left-color:#f0ad4e;border-right-color:#f0ad4e}.showdowns .showdown-container.container.error{border-left-color:#d9534f;border-right-color:#d9534f}.showdowns .showdown-container.container.success{border-left-color:#67c23a;border-right-color:#67c23a}.showdowns .showdown-container.alert{border:1px solid transparent;transition:opacity .2s}.showdowns .showdown-container.alert.alert-tip{background-color:#5bc0de}.showdowns .showdown-container.alert.alert-info{background-color:#cce5ff}.showdowns .showdown-container.alert.alert-warning{background-color:#f0ad4e}.showdowns .showdown-container.alert.alert-error{background-color:#d9534f}.showdowns .showdown-container.alert.alert-success{background-color:#67c23a}.showdowns .showdown-container .container-title{font-size:1.25rem;font-weight:700;line-height:1.2}
|
|
11
|
+
*/.showdowns .showdown-container{border:1px solid #eee;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.showdowns .showdown-container.container{border-left-width:.25rem;border-right-width:.25rem}.showdowns .showdown-container.container.tip{border-left-color:#5bc0de;border-right-color:#5bc0de}.showdowns .showdown-container.container.info{border-left-color:#cce5ff;border-right-color:#cce5ff}.showdowns .showdown-container.container.warning{border-left-color:#f0ad4e;border-right-color:#f0ad4e}.showdowns .showdown-container.container.error{border-left-color:#d9534f;border-right-color:#d9534f}.showdowns .showdown-container.container.success{border-left-color:#67c23a;border-right-color:#67c23a}.showdowns .showdown-container.alert{border:1px solid transparent;transition:opacity .2s}.showdowns .showdown-container.alert.alert-tip{background-color:#5bc0de}.showdowns .showdown-container.alert.alert-info{background-color:#cce5ff}.showdowns .showdown-container.alert.alert-warning{background-color:#f0ad4e}.showdowns .showdown-container.alert.alert-error{background-color:#d9534f}.showdowns .showdown-container.alert.alert-success{background-color:#67c23a}.showdowns .showdown-container .container-title{font-size:1.25rem;font-weight:700;line-height:1.2}
|
|
12
|
+
|
|
13
|
+
/*!
|
|
14
|
+
* css of showdowns v0.6.8
|
|
15
|
+
* Copyright (c) 2019-present, Jhuix (Hui Jin) <jhuix0117@gmail.com>
|
|
16
|
+
* Released under the MIT License.
|
|
17
|
+
*/.hidden{display:none!important}.icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.toc-switch{color:#3e69d7;cursor:pointer;font-size:3rem;position:absolute;right:1rem;text-align:center;top:0;transition:height .2s linear;z-index:110}.toc-switch,.total-toc{box-sizing:border-box;overflow:hidden}.total-toc{display:flex;flex-direction:column}.total-toc .toc-view ul li div i:not(.toc-chapter){cursor:pointer}.showdown-toc .toc-pin{align-items:center;border-bottom:1px solid #d2d2d2;display:flex;flex-direction:row;flex-shrink:0;font-size:2rem;overflow:hidden;padding:1rem}.showdown-toc .toc-pin-text{font-weight:700;margin-right:8px;white-space:nowrap}.showdown-toc .toc-fold-wrap{align-items:center;display:flex;flex-grow:1;justify-content:flex-start;position:relative}.showdown-toc .toc-icon{background-position:50%;background-repeat:no-repeat;cursor:pointer}.showdown-toc .toc-close{margin-left:auto}.showdown-toc .toc-icon:hover{color:#0089ff}.showdown-toc .toc-view{overflow:auto;width:100%}.showdown-toc .toc-view .toc-chapter{color:#0089ff}.showdown-toc .toc-view ul{display:block;margin-left:2rem;padding-left:0;position:relative}.showdown-toc .toc-view ul li{box-sizing:border-box;display:flex;flex-direction:column;list-style:none;width:100%}.showdown-toc .toc-view ul li div{display:flex;flex-direction:row}.showdown-toc .toc-view ul li div i{align-items:center;display:inline-flex;margin-left:0;position:relative}.showdown-toc .toc-view ul li div a{color:currentColor;cursor:pointer;font-size:1.4rem;padding:.6rem;text-decoration:none;white-space:nowrap}.showdown-toc .toc-view ul li div:hover a,.showdown-toc .toc-view ul li div:hover i{color:#f59102}.showdown-toc .toc-view ul li div:hover a{border-radius:.5rem}.showdown-toc .toc-view ul li div:focus a,.showdown-toc .toc-view ul li div:focus i{color:#0089ff}.showdown-toc .toc-view ul li div:focus a{border-radius:.5rem}.showdown-toc .toc-view ul ul{margin-top:.24rem}.showdown-toc .toc-view .toc-multi-title{font-weight:600}.showdown-toc .toc-view .toc-title-1{font-size:1.6rem;font-weight:800}.main-toc-row .showdowns{height:100vh}.main-toc-row .total-toc{border-left:1px solid #d2d2d2;height:100vh;max-width:50%;min-width:8em;width:40em}.main-toc-row .total-toc .toc-view{flex-grow:1}
|