You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
699 lines
19 KiB
699 lines
19 KiB
@charset "UTF-8";
|
|
:root {
|
|
/* == 字体设置 == */
|
|
/* 基准字体 */
|
|
/* 备选：Times, "Times New Roman" */
|
|
--base-Latin-font: 'Latin Modern Roman', 'Latin Modern Roman 10', Times;
|
|
--base-Chinese-font: '家族宋', '宋体-简', '华文宋体', 'Noto Serif CJK SC';
|
|
--base-font-size: 9.5pt;
|
|
/* 引言字体 */
|
|
--quote-font: 'Latin Modern Roman', 'Latin Modern Roman 10', Times,
|
|
'Times New Roman', '华文仿宋';
|
|
/* em单位为一个正文字符（--base-font-size）大小，
|
|
例如，如果您设置 --base-font-size 为 9.5pt，那么 1.05em = 1.05*9.5pt ≈ 10pt。下面的标题字体等设置也遵循该规则。
|
|
这样，您就可以仅通过调整基准字体大小，而动态对其他元素大小做出调整。
|
|
当然，您也可以直接设置以pt或px为单位的数值，将元素的大小固定下来，如 --quote-font-size: 10pt; */
|
|
--quote-font-size: 1.05em;
|
|
/* 代码字体（代码中的中文会调用 ui-font） */
|
|
/* "Courier New" 从 Windows 3.1 起成为 Windows 官方提供的字体 */
|
|
/* "Consolas" 从 Windows Vista 起成为 Windows 官方提供的字体 */
|
|
--code-font: 'Latin Modern Mono', 'Latin Modern Mono 10', 'Consolas',
|
|
'Courier New';
|
|
/* 侧边栏字体 */
|
|
--ui-font: '阿里巴巴普惠体 2.0', '微软雅黑';
|
|
/* source mode 字体 */
|
|
/* 默认调用 code-font 和 ui-font */
|
|
--sourceMode-font: 'SF Mono', '阿里巴巴普惠体 2.0', '微软雅黑';
|
|
/* 目录字体 */
|
|
/* 默认调用 base-font */
|
|
--toc-font: '';
|
|
/* 默认调用 base-font-size */
|
|
--toc-font-size: '';
|
|
/* 公式字体 */
|
|
--math-font-size: 1em;
|
|
/* 表格字体 */
|
|
/* 默认调用 heading-font */
|
|
--table-title-font: '';
|
|
/* 默认调用 base-font */
|
|
--table-font: '';
|
|
/* 标题字体（总设置） */
|
|
--heading-Latin-font: var(--base-Latin-font);
|
|
--heading-Chinese-font: '华文黑体';
|
|
/* 标题字体分别设置 */
|
|
/* 大标题（h1）字体 */
|
|
--title-Chinese-font: '华文黑体';
|
|
--title-font-size: 1.9em;
|
|
/* h2字体 */
|
|
--h2-Chinese-font: '华文黑体';
|
|
--h2-font-size: 1.5em;
|
|
/* h3字体 */
|
|
--h3-Chinese-font: '华文黑体';
|
|
--h3-font-size: 1.25em;
|
|
/* h4字体 */
|
|
--h4-Chinese-font: '华文楷体';
|
|
--h4-font-size: 1.15em;
|
|
/* h5字体 */
|
|
--h5-Chinese-font: '华文仿宋';
|
|
--h5-font-size: 1.1em;
|
|
/* h6字体 */
|
|
--h6-Chinese-font: '华文仿宋';
|
|
--h6-font-size: 1.05em;
|
|
/* 粗体样式设置 */
|
|
/* 加粗风格时使用的字重；400等同于 normal，700等同于 bold，900等同于 heavy */
|
|
--strong-weight: 900;
|
|
/* 基础行距 */
|
|
--base-line-height: 1.618em;
|
|
/* == 页面设置 == */
|
|
/* 打印页边距 */
|
|
--set-margin: 1.8cm 2cm 1.2cm 2cm !important;
|
|
/* == 控制设置 == */
|
|
/* 目录中是否显示一级标题 */
|
|
--toc-show-title: none;
|
|
/* == 颜色设置 == */
|
|
/* 超链接颜色 */
|
|
--link-color-light: #2e67d3;
|
|
--link-color-dark: #8bb1f9;
|
|
/* == 二级标题强制分页 == */
|
|
/* 默认值为 auto */
|
|
/* 更改为 page 启用强制分页 */
|
|
--page-break-before-h2: auto;
|
|
}
|
|
|
|
.markdown-body {
|
|
margin: 0 !important;
|
|
padding: 20px;
|
|
/* counter-reset: tableHead 0 imgHead 0; */
|
|
}
|
|
|
|
@media print {
|
|
.markdown-body #write {
|
|
padding: 0 !important;
|
|
}
|
|
.markdown-body h2 {
|
|
break-before: var(--page-break-before-h2);
|
|
}
|
|
.markdown-body h2:first-of-type {
|
|
break-before: avoid-page;
|
|
}
|
|
@page {
|
|
margin: 1.8cm 2cm 1.2cm 2cm !important; /* 页边距 */
|
|
}
|
|
}
|
|
.markdown-body #write {
|
|
font-family: var(--base-Latin-font), var(--base-Chinese-font), serif;
|
|
font-size: var(--base-font-size);
|
|
/* A4标准宽度 */
|
|
max-width: 21cm;
|
|
background-color: white;
|
|
/* column-count: 2;
|
|
column-gap: 25px;
|
|
column-width: 8cm;
|
|
display: inline-block; */
|
|
/* 这里可以试分栏的，但确实不适合实现 */
|
|
}
|
|
.markdown-body #write .md-math-block,
|
|
.markdown-body #write .md-rawblock,
|
|
.markdown-body #write p {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.markdown-body #write p {
|
|
text-align: left;
|
|
line-height: var(--base-line-height);
|
|
}
|
|
.markdown-body #write a {
|
|
color: var(--link-color-light);
|
|
}
|
|
|
|
.markdown-body hr {
|
|
border-top: solid 1px #ddd;
|
|
margin-top: 1.8em;
|
|
margin-bottom: 1.8em;
|
|
}
|
|
|
|
.markdown-body img {
|
|
/* 避免图片在导出时被断开 */
|
|
break-inside: avoid-page;
|
|
}
|
|
|
|
.markdown-body strong {
|
|
font-weight: var(--strong-weight);
|
|
}
|
|
|
|
@media screen {
|
|
.markdown-body #write {
|
|
padding: var(--set-margin);
|
|
/* 添加一个淡蓝色的边框 */
|
|
/* border: 0.8px solid #AAC ; */
|
|
/* 页边阴影 */
|
|
box-shadow: 0 0 24px 12px #cccccc;
|
|
}
|
|
}
|
|
.markdown-body .MathJax {
|
|
font-size: var(--math-font-size);
|
|
}
|
|
|
|
/* typora 编写模式 */
|
|
.markdown-body #typora-source {
|
|
font-family: var(--sourceMode-font), var(--code-font), var(--ui-font),
|
|
monospace;
|
|
line-height: 2em;
|
|
}
|
|
|
|
/* 侧边大纲标题 */
|
|
.markdown-body .sidebar-content {
|
|
counter-reset: outline-h1 outline-h2 outline-h3 outline-h4 outline-h5
|
|
outline-h6;
|
|
}
|
|
.markdown-body .sidebar-content .outline-h1 {
|
|
counter-reset: outline-h2 outline-h3 outline-h4 outline-h5 outline-h6;
|
|
}
|
|
.markdown-body .sidebar-content .outline-h2 {
|
|
counter-reset: outline-h3 outline-h4 outline-h5 outline-h6;
|
|
}
|
|
.markdown-body .sidebar-content .outline-h2 .outline-label:before {
|
|
counter-increment: outline-h2;
|
|
content: counter(outline-h2) ' ';
|
|
}
|
|
.markdown-body .sidebar-content .outline-h3 {
|
|
counter-reset: outline-h4 outline-h5 outline-h6;
|
|
}
|
|
.markdown-body .sidebar-content .outline-h3 .outline-label:before {
|
|
counter-increment: outline-h3;
|
|
content: counter(outline-h2) '.' counter(outline-h3) ' ';
|
|
}
|
|
.markdown-body .sidebar-content .outline-h4 {
|
|
counter-reset: outline-h5 outline-h6;
|
|
}
|
|
.markdown-body .sidebar-content .outline-h4 .outline-label:before {
|
|
counter-increment: outline-h4;
|
|
content: counter(outline-h2) '.' counter(outline-h3) '.' counter(outline-h4)
|
|
' ';
|
|
}
|
|
.markdown-body .sidebar-content .outline-h5 {
|
|
counter-reset: outline-h6;
|
|
}
|
|
.markdown-body .sidebar-content .outline-h5 .outline-label:before {
|
|
counter-increment: outline-h5;
|
|
content: counter(outline-h2) '.' counter(outline-h3) '.' counter(outline-h4)
|
|
'.' counter(outline-h5) ' ';
|
|
}
|
|
|
|
.markdown-body .sidebar-content {
|
|
/* 侧边栏的字体修改 */
|
|
font-family: var(--ui-font);
|
|
list-style: none;
|
|
}
|
|
|
|
/* 元数据（如 YAML front matter）的背景框 */
|
|
.markdown-body pre.md-meta-block {
|
|
background: #cccccc;
|
|
padding: 1.4em;
|
|
font-family: var(--code-font), var(--ui-font), monospace;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.markdown-body #write > h3.md-focus:before,
|
|
.markdown-body #write > h4.md-focus:before,
|
|
.markdown-body #write > h5.md-focus:before,
|
|
.markdown-body #write > h6.md-focus:before,
|
|
.markdown-body h3.md-focus:before,
|
|
.markdown-body h4.md-focus:before,
|
|
.markdown-body h5.md-focus:before,
|
|
.markdown-body h6.md-focus:before {
|
|
color: inherit;
|
|
border: inherit;
|
|
border-radius: inherit;
|
|
position: inherit;
|
|
left: initial;
|
|
float: none;
|
|
top: initial;
|
|
font-size: inherit;
|
|
padding-left: inherit;
|
|
padding-right: inherit;
|
|
vertical-align: inherit;
|
|
font-weight: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.markdown-body #write {
|
|
counter-reset: heading-h2 heading-h3 heading-h4 heading-h5 heading-h6;
|
|
}
|
|
.markdown-body #write h1,
|
|
.markdown-body #write h2,
|
|
.markdown-body #write h3,
|
|
.markdown-body #write h4,
|
|
.markdown-body #write h5,
|
|
.markdown-body #write h6 {
|
|
font-weight: bold;
|
|
break-after: avoid-page !important;
|
|
}
|
|
.markdown-body .markdown-body #write h1 {
|
|
font-family: var(--heading-Latin-font), var(--title-Chinese-font), serif;
|
|
text-align: center;
|
|
column-span: all;
|
|
font-size: var(--title-font-size);
|
|
}
|
|
.markdown-body #write h2 {
|
|
font-family: var(--heading-Latin-font), var(--h2-Chinese-font), serif;
|
|
font-size: var(--h2-font-size);
|
|
}
|
|
.markdown-body #write h3 {
|
|
font-family: var(--heading-Latin-font), var(--h3-Chinese-font), serif;
|
|
font-size: var(--h3-font-size);
|
|
line-height: var(--h3-font-size);
|
|
}
|
|
.markdown-body #write h4 {
|
|
font-family: var(--heading-Latin-font), var(--h4-Chinese-font), serif;
|
|
font-size: var(--h4-font-size);
|
|
line-height: var(--h4-font-size);
|
|
}
|
|
.markdown-body #write h5 {
|
|
font-family: var(--heading-Latin-font), var(--h5-Chinese-font), serif;
|
|
font-size: var(--h5-font-size);
|
|
line-height: var(--h5-font-size);
|
|
}
|
|
.markdown-body #write h6 {
|
|
font-family: var(--heading-Latin-font), var(--h6-Chinese-font), serif;
|
|
font-size: var(--h6-font-size);
|
|
/* 没有写错，为了避免行距太小才这么写 */
|
|
line-height: var(--h5-font-size);
|
|
}
|
|
.markdown-body #write h1 {
|
|
counter-set: heading-h2 0 heading-h3 0 heading-h4 0 heading-h5 0 heading-h6 0;
|
|
}
|
|
.markdown-body #write h2 {
|
|
counter-set: heading-h3 0 heading-h4 0 heading-h5 0 heading-h6 0;
|
|
}
|
|
.markdown-body #write h3 {
|
|
counter-set: heading-h4 0 heading-h5 0 heading-h6 0;
|
|
}
|
|
.markdown-body #write h4 {
|
|
counter-set: heading-h5 0 heading-h6 0;
|
|
}
|
|
.markdown-body #write h5 {
|
|
counter-set: heading-h6 0;
|
|
}
|
|
.markdown-body #write h2:before,
|
|
h2.md-focus.md-heading:before {
|
|
content: counter(heading-h2);
|
|
counter-increment: heading-h2;
|
|
margin-right: 1.2em;
|
|
}
|
|
|
|
.markdown-body #write h3:before,
|
|
h3.md-focus.md-heading:before {
|
|
content: counter(heading-h2) '.' counter(heading-h3);
|
|
counter-increment: heading-h3;
|
|
margin-right: 1.2em;
|
|
}
|
|
|
|
.markdown-body #write h4:before,
|
|
h4.md-focus.md-heading:before {
|
|
content: counter(heading-h2) '.' counter(heading-h3) '.' counter(heading-h4);
|
|
counter-increment: heading-h4;
|
|
margin-right: 1.2em;
|
|
}
|
|
|
|
.markdown-body #write h5:before,
|
|
h5.md-focus.md-heading:before {
|
|
content: counter(heading-h2) '.' counter(heading-h3) '.' counter(heading-h4)
|
|
'.' counter(heading-h5);
|
|
counter-increment: heading-h5;
|
|
margin-right: 1.2em;
|
|
}
|
|
|
|
.markdown-body #write h6:before,
|
|
h6.md-focus.md-heading:before {
|
|
content: counter(heading-h2) '.' counter(heading-h3) '.' counter(heading-h4)
|
|
'.' counter(heading-h5) '.' counter(heading-h6);
|
|
counter-increment: heading-h6;
|
|
margin-right: 1.2em;
|
|
}
|
|
|
|
/* 参考文献（脚注）块，在 Typora 中的样式 */
|
|
.markdown-body .md-def-footnote {
|
|
display: flex;
|
|
position: relative;
|
|
font-size: 0.95em;
|
|
opacity: 1;
|
|
margin: 0;
|
|
}
|
|
.markdown-body .md-def-footnote:not(:first-child),
|
|
.md-def-footnote + *:not(.md-def-footnote) {
|
|
margin-top: 1em;
|
|
}
|
|
.markdown-body .md-def-footnote + .md-def-footnote {
|
|
margin-top: 0.5em;
|
|
}
|
|
.markdown-body .md-def-footnote .md-def-name {
|
|
font-weight: inherit;
|
|
padding: 0;
|
|
flex-shrink: 0;
|
|
width: 3em;
|
|
margin-inline-start: -1ch;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
}
|
|
.markdown-body .md-def-footnote .md-def-name:before {
|
|
content: '［';
|
|
position: static;
|
|
color: inherit;
|
|
}
|
|
.markdown-body .md-def-footnote .md-def-name:after {
|
|
content: '］';
|
|
position: static;
|
|
color: inherit;
|
|
}
|
|
.markdown-body .md-def-footnote .md-reverse-footnote-area {
|
|
display: none;
|
|
}
|
|
.markdown-body .md-def-footnote:hover .md-reverse-footnote-area {
|
|
position: absolute;
|
|
right: -6px;
|
|
display: inline;
|
|
}
|
|
|
|
/* 参考文献（脚注）块，在导出 HTML 或 PDF 时的样式（导出后的 HTML tag 和 Typora 中的 HTML tag 不一致） */
|
|
.markdown-body .footnotes-area {
|
|
padding-inline-start: 2.5em;
|
|
}
|
|
.markdown-body .footnotes-area hr {
|
|
display: none;
|
|
}
|
|
.markdown-body .footnotes-area .footnote-line {
|
|
color: var(--text-color);
|
|
font-size: 0.95em;
|
|
margin-top: 0.5em;
|
|
}
|
|
.markdown-body .footnotes-area .footnote-line *:not(.md-fn-count) {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.markdown-body .footnotes-area .footnote-line span.md-fn-count {
|
|
font-weight: inherit;
|
|
padding: 0;
|
|
margin-inline-start: -3em;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
width: 2.5em;
|
|
}
|
|
.markdown-body .footnotes-area .footnote-line span.md-fn-count:before {
|
|
content: '［';
|
|
position: static;
|
|
color: inherit;
|
|
}
|
|
.markdown-body .footnotes-area .footnote-line span.md-fn-count:after {
|
|
content: '］';
|
|
position: static;
|
|
color: inherit;
|
|
}
|
|
.markdown-body .footnotes-area .footnote-line a.reversefootnote {
|
|
display: none;
|
|
}
|
|
|
|
/* 参考文献（脚注）上标 */
|
|
.markdown-body sup.md-footnote {
|
|
display: inline;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.markdown-body sup.md-footnote a {
|
|
color: inherit !important;
|
|
}
|
|
.markdown-body sup.md-footnote:not(.md-expand) {
|
|
margin-inline: -0.44em;
|
|
}
|
|
.markdown-body sup.md-footnote:not(.md-expand):before {
|
|
content: '［';
|
|
}
|
|
.markdown-body sup.md-footnote:not(.md-expand):after {
|
|
content: '］';
|
|
}
|
|
|
|
/* 无序列表 */
|
|
.markdown-body #write ul {
|
|
list-style: disc;
|
|
padding-left: 2em;
|
|
}
|
|
.markdown-body #write ul ul {
|
|
/*list-style: circle;*/
|
|
/* 请勿删除“–”后的空格, 他们对缩进有一定影响, 下同 */
|
|
list-style: '– ';
|
|
}
|
|
.markdown-body #write ul ul ul {
|
|
list-style: '◦ ';
|
|
}
|
|
|
|
.markdown-body ul,
|
|
.markdown-body ol {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
/* 有序列表 */
|
|
.markdown-body #write ol {
|
|
list-style: decimal;
|
|
}
|
|
.markdown-body #write ol ol {
|
|
counter-reset: liist;
|
|
list-style: none;
|
|
}
|
|
.markdown-body #write ol ol > li {
|
|
counter-increment: liist;
|
|
position: relative;
|
|
}
|
|
.markdown-body #write ol ol > li::before {
|
|
content: '(' counter(liist, lower-alpha) ')';
|
|
position: absolute;
|
|
left: -1.8em;
|
|
}
|
|
.markdown-body #write ol ol ol {
|
|
counter-reset: liiist;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.markdown-body #write ol ol ol > li {
|
|
counter-increment: liiist;
|
|
position: relative;
|
|
}
|
|
.markdown-body #write ol ol ol > li::before {
|
|
content: counter(liiist, lower-roman) '.';
|
|
align-self: flex-end;
|
|
position: absolute;
|
|
left: -4.5em;
|
|
/* -moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;*/
|
|
/* 为了让项目编号是重新用句点对齐而不是左对齐 */
|
|
width: 4em;
|
|
text-align: right;
|
|
}
|
|
|
|
.markdown-body #write ol,
|
|
.markdown-body #write ul {
|
|
padding-inline-start: 2em;
|
|
}
|
|
|
|
.markdown-body #write li {
|
|
position: relative;
|
|
}
|
|
.markdown-body #write li + li,
|
|
.markdown-body #write ul + ol > li,
|
|
.markdown-body #write ol + ul > li,
|
|
.markdown-body #write li > ul > li,
|
|
.markdown-body #write li > ol > li {
|
|
margin-top: -0.8em;
|
|
}
|
|
|
|
/* task列表 */
|
|
.markdown-body .md-task-list-item > input {
|
|
margin-top: 0.42em;
|
|
margin-left: -1.5em;
|
|
width: 1em !important;
|
|
height: 1em !important;
|
|
}
|
|
|
|
.markdown-body #write table {
|
|
/* 三线表第一条线宽度 */
|
|
border-top: 1.2pt solid;
|
|
/* 三线表第二条线宽度 */
|
|
border-bottom: 1.2pt solid;
|
|
font-family: var(--table-font), var(--base-Latin-font),
|
|
var(--base-Chinese-font), serif;
|
|
/* font-size: var(--base-font-size); */
|
|
text-align: center;
|
|
break-inside: avoid-page;
|
|
border-spacing: 6px;
|
|
/* 自动布局表格宽度，如果有时内容太紧建议直接加空格吧，我自己看不惯和页面等宽的大表格 */
|
|
width: auto;
|
|
/* 使表格默认居中；虽然这个代码不好，但好像没别的实现办法 */
|
|
margin: 0 auto;
|
|
}
|
|
.markdown-body #write table td {
|
|
padding: 2px;
|
|
}
|
|
.markdown-body #write table tr {
|
|
padding: 2px;
|
|
}
|
|
.markdown-body #write th {
|
|
padding: 0px 6px;
|
|
}
|
|
.markdown-body #write thead {
|
|
/* 表格标题（首行）样式 */
|
|
/* 三线表表头的线 */
|
|
border-bottom: 0.5pt solid;
|
|
font-family: var(--table-title-font), var(--heading-Latin-font),
|
|
var(--heading-Chinese-font), serif !important;
|
|
/* font-size: var(--base-font-size); */
|
|
font-weight: var(--strong-weight);
|
|
}
|
|
|
|
/* 一个>的引言仅为两字符缩进，使用>>的引言为传统引言样式，具有左竖线、左缩进 */
|
|
.markdown-body blockquote {
|
|
font-style: normal;
|
|
font-family: var(--quote-font), var(--base-Latin-font),
|
|
var(--base-Chinese-font), -apple-system, serif;
|
|
font-size: var(--quote-font-size);
|
|
/* 文字离左边框的距离 */
|
|
padding-left: 2em;
|
|
padding-right: 2em;
|
|
/* 左边框离页面边的距离 */
|
|
margin-left: 0;
|
|
}
|
|
|
|
.markdown-body blockquote blockquote {
|
|
border-left: 4px solid hsl(0, 0%, 70%);
|
|
padding-left: calc(2ch - 4px);
|
|
padding-right: 0;
|
|
margin-left: -4px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* 行内代码 */
|
|
.markdown-body code {
|
|
font-family: var(--code-font), var(--ui-font), monospace;
|
|
}
|
|
|
|
.markdown-body h1 code,
|
|
.markdown-body h2 code,
|
|
.markdown-body h3 code,
|
|
.markdown-body h4 code,
|
|
.markdown-body h5 code,
|
|
.markdown-body h6 code,
|
|
.markdown-body p code,
|
|
.markdown-body li code {
|
|
color: rgb(60, 112, 198);
|
|
background-color: #fefefe;
|
|
/* 阴影 */
|
|
box-shadow: 0 0 1px 1px #c8d3df;
|
|
font-family: var(--code-font), var(--ui-font), monospace;
|
|
box-sizing: border-box;
|
|
border-right: 0px;
|
|
margin: 0 2px 0 2px;
|
|
padding: 0 2px 0 2px;
|
|
/* 圆角 */
|
|
border-radius: 2px 2px 2px 2px;
|
|
}
|
|
|
|
/* 代码块样式 */
|
|
.markdown-body .md-fences,
|
|
.markdown-body .CodeMirror pre,
|
|
.markdown-body .CodeMirror-wrap {
|
|
/* padding: 10px; */
|
|
font-size: 1em;
|
|
}
|
|
|
|
.markdown-body .CodeMirror-code pre,
|
|
.markdown-body .CodeMirror-sizer {
|
|
font-family: var(--code-font), var(--ui-font), monospace;
|
|
}
|
|
|
|
/* 目录 */
|
|
.markdown-body .md-toc {
|
|
font-size: var(--toc-font-size);
|
|
}
|
|
|
|
.markdown-body .md-toc-content {
|
|
margin-left: 2em;
|
|
/* 修复缺失上级标题时无法递增 */
|
|
counter-reset: toc-h2 toc-h3 toc-h4 toc-h5 toc-h6;
|
|
break-after: page;
|
|
}
|
|
|
|
.markdown-body .md-toc-inner {
|
|
margin-left: 0 !important;
|
|
color: var(--text-color) !important;
|
|
}
|
|
|
|
.markdown-body .md-toc-item {
|
|
color: var(--text-color) !important;
|
|
}
|
|
|
|
/* 目录标题内容属性 */
|
|
.markdown-body .md-toc-h2,
|
|
.markdown-body .md-toc-h3,
|
|
.markdown-body .md-toc-h4,
|
|
.markdown-body .md-toc-h5,
|
|
.markdown-body .md-toc-h6 {
|
|
font-size: var(--toc-font-size);
|
|
font-family: var(--toc-font), var(--base-Latin-font), var(--base-Chinese-font),
|
|
serif;
|
|
}
|
|
|
|
.markdown-body .md-toc-h2 {
|
|
font-weight: var(--strong-weight);
|
|
}
|
|
|
|
/* 目录标题前 */
|
|
.markdown-body .md-toc-content .md-toc-h1 {
|
|
display: var(--toc-show-title);
|
|
counter-set: toc-h2 0 toc-h3 0 toc-h4 0 toc-h5 0 toc-h6 0;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h2 {
|
|
counter-set: toc-h3 0 toc-h4 0 toc-h5 0 toc-h6 0;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h3 {
|
|
counter-set: toc-h4 0 toc-h5 0 toc-h6 0;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h4 {
|
|
counter-set: toc-h5 0 toc-h6 0;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h5 {
|
|
counter-set: toc-h6 0;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h2:before {
|
|
counter-increment: toc-h2;
|
|
content: counter(toc-h2);
|
|
margin-right: 1em;
|
|
font-weight: var(--strong-weight);
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h3:before {
|
|
counter-increment: toc-h3;
|
|
content: counter(toc-h2) '.' counter(toc-h3);
|
|
margin-left: 1.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h4:before {
|
|
counter-increment: toc-h4;
|
|
content: counter(toc-h2) '.' counter(toc-h3) '.' counter(toc-h4);
|
|
margin-left: 3.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h5:before {
|
|
counter-increment: toc-h5;
|
|
content: counter(toc-h2) '.' counter(toc-h3) '.' counter(toc-h4) '.'
|
|
counter(toc-h5);
|
|
margin-left: 5.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.markdown-body .md-toc-content .md-toc-h6:before {
|
|
counter-increment: toc-h6;
|
|
content: counter(toc-h2) '.' counter(toc-h3) '.' counter(toc-h4) '.'
|
|
counter(toc-h5) '.' counter(toc-h6);
|
|
margin-left: 7.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|