配置标题序号

  1. /**************************************
  2.  * Header Counters in TOC
  3.  **************************************/
  5. /* No link underlines in TOC */
  6. .md-toc-inner {
  7.     text-decoration: none;
  8. }
  10. .md-toc-content {
  11.     counter-reset: h1toc
  12. }
  14. .md-toc-h1 {
  15.     margin-left: 0;
  16.     font-size: 1.5rem;
  17.     counter-reset: h2toc
  18. }
  20. .md-toc-h2 {
  21.     font-size: 1.1rem;
  22.     margin-left: 2rem;
  23.     counter-reset: h3toc
  24. }
  26. .md-toc-h3 {
  27.     margin-left: 3rem;
  28.     font-size: .9rem;
  29.     counter-reset: h4toc
  30. }
  32. .md-toc-h4 {
  33.     margin-left: 4rem;
  34.     font-size: .85rem;
  35.     counter-reset: h5toc
  36. }
  38. .md-toc-h5 {
  39.     margin-left: 5rem;
  40.     font-size: .8rem;
  41.     counter-reset: h6toc
  42. }
  44. .md-toc-h6 {
  45.     margin-left: 6rem;
  46.     font-size: .75rem;
  47. }
  49. .md-toc-h1:before {
  50.     color: black;
  51.     counter-increment: h1toc;
  52.     content: counter(h1toc) ". "
  53. }
  55. .md-toc-h1 .md-toc-inner {
  56.     margin-left: 0;
  57. }
  59. .md-toc-h2:before {
  60.     color: black;
  61.     counter-increment: h2toc;
  62.     content: counter(h1toc) ". " counter(h2toc) ". "
  63. }
  65. .md-toc-h2 .md-toc-inner {
  66.     margin-left: 0;
  67. }
  69. .md-toc-h3:before {
  70.     color: black;
  71.     counter-increment: h3toc;
  72.     content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". "
  73. }
  75. .md-toc-h3 .md-toc-inner {
  76.     margin-left: 0;
  77. }
  79. .md-toc-h4:before {
  80.     color: black;
  81.     counter-increment: h4toc;
  82.     content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". "
  83. }
  85. .md-toc-h4 .md-toc-inner {
  86.     margin-left: 0;
  87. }
  89. .md-toc-h5:before {
  90.     color: black;
  91.     counter-increment: h5toc;
  92.     content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". "
  93. }
  95. .md-toc-h5 .md-toc-inner {
  96.     margin-left: 0;
  97. }
  99. .md-toc-h6:before {
  100.     color: black;
  101.     counter-increment: h6toc;
  102.     content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". " counter(h6toc) ". "
  103. }
  105. .md-toc-h6 .md-toc-inner {
  106.     margin-left: 0;
  107. }
  109. /**************************************
  110.  * Header Counters in Content
  111.  **************************************/
  113. /** initialize css counter */
  114. #write {
  115.     counter-reset: h1
  116. }
  118. h1 {
  119.     counter-reset: h2
  120. }
  122. h2 {
  123.     counter-reset: h3
  124. }
  126. h3 {
  127.     counter-reset: h4
  128. }
  130. h4 {
  131.     counter-reset: h5
  132. }
  134. h5 {
  135.     counter-reset: h6
  136. }
  138. /** put counter result into headings */
  139. #write h1:before {
  140.     counter-increment: h1;
  141.     content: counter(h1) ". "
  142. }
  144. #write h2:before {
  145.     counter-increment: h2;
  146.     content: counter(h1) "." counter(h2) ". "
  147. }
  149. #write h3:before, h3.md-focus.md-heading:before { /*override the default style for focused headings */
  150.     counter-increment: h3;
  151.     content: counter(h1) "." counter(h2) "." counter(h3) ". "
  152. }
  154. #write h4:before, h4.md-focus.md-heading:before {
  155.     counter-increment: h4;
  156.     content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "
  157. }
  159. #write h5:before, h5.md-focus.md-heading:before {
  160.     counter-increment: h5;
  161.     content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
  162. }
  164. #write h6:before, h6.md-focus.md-heading:before {
  165.     counter-increment: h6;
  166.     content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
  167. }
  169. /** override the default style for focused headings */
  170. #write>h3.md-focus:before, #write>h4.md-focus:before, #write>h5.md-focus:before, #write>h6.md-focus:before, h3.md-focus:before, h4.md-focus:before, h5.md-focus:before, h6.md-focus:before {
  171.     color: inherit;
  172.     border: inherit;
  173.     border-radius: inherit;
  174.     position: inherit;
  175.     left: initial;
  176.     float: none;
  177.     top: initial;
  178.     font-size: inherit;
  179.     padding-left: inherit;
  180.     padding-right: inherit;
  181.     vertical-align: inherit;
  182.     font-weight: inherit;
  183.     line-height: inherit;
  184. }
  188. /**************************************
  189.  * Header Counters in Outline
  190.  **************************************/
  191. .sidebar-content {
  192.     counter-reset: h1
  193. }
  195. .outline-h1 {
  196.     counter-reset: h2
  197. }
  199. .outline-h2 {
  200.     counter-reset: h3
  201. }
  203. .outline-h3 {
  204.     counter-reset: h4
  205. }
  207. .outline-h4 {
  208.     counter-reset: h5
  209. }
  211. .outline-h5 {
  212.     counter-reset: h6
  213. }
  215. .outline-h1>.outline-item>.outline-label:before {
  216.     counter-increment: h1;
  217.     content: counter(h1) ". "
  218. }
  220. .outline-h2>.outline-item>.outline-label:before {
  221.     counter-increment: h2;
  222.     content: counter(h1) "." counter(h2) ". "
  223. }
  225. .outline-h3>.outline-item>.outline-label:before {
  226.     counter-increment: h3;
  227.     content: counter(h1) "." counter(h2) "." counter(h3) ". "
  228. }
  230. .outline-h4>.outline-item>.outline-label:before {
  231.     counter-increment: h4;
  232.     content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "
  233. }
  235. .outline-h5>.outline-item>.outline-label:before {
  236.     counter-increment: h5;
  237.     content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
  238. }
  240. .outline-h6>.outline-item>.outline-label:before {
  241.     counter-increment: h6;
  242.     content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
  243. }