Last active
February 20, 2021 14:48
-
-
Save aleung/e8629837ee751aa7806badd1dad817a1 to your computer and use it in GitHub Desktop.
Add auto header numbering to Typora them. Append to existing theme.
https://stackoverflow.com/questions/19999696/are-numbered-headings-in-markdown-rdiscount-possible/43625080#43625080
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/************************************** | |
* Header Counters in TOC | |
**************************************/ | |
/* No link underlines in TOC */ | |
.md-toc-inner { | |
text-decoration: none; | |
} | |
.md-toc-content { | |
counter-reset: h1toc | |
} | |
.md-toc-h1 { | |
margin-left: 0; | |
counter-reset: h2toc | |
} | |
.md-toc-h2 { | |
margin-left: 2rem; | |
counter-reset: h3toc | |
} | |
.md-toc-h3 { | |
margin-left: 3rem; | |
counter-reset: h4toc | |
} | |
.md-toc-h4 { | |
margin-left: 4rem; | |
counter-reset: h5toc | |
} | |
.md-toc-h5 { | |
margin-left: 5rem; | |
counter-reset: h6toc | |
} | |
.md-toc-h6 { | |
margin-left: 6rem; | |
} | |
.md-toc-h1:before { | |
color: black; | |
counter-increment: h1toc; | |
content: counter(h1toc) ". " | |
} | |
.md-toc-h1 .md-toc-inner { | |
margin-left: 0; | |
} | |
.md-toc-h2:before { | |
color: black; | |
counter-increment: h2toc; | |
content: counter(h1toc) ". " counter(h2toc) ". " | |
} | |
.md-toc-h2 .md-toc-inner { | |
margin-left: 0; | |
} | |
.md-toc-h3:before { | |
color: black; | |
counter-increment: h3toc; | |
content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " | |
} | |
.md-toc-h3 .md-toc-inner { | |
margin-left: 0; | |
} | |
.md-toc-h4:before { | |
color: black; | |
counter-increment: h4toc; | |
content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " | |
} | |
.md-toc-h4 .md-toc-inner { | |
margin-left: 0; | |
} | |
.md-toc-h5:before { | |
color: black; | |
counter-increment: h5toc; | |
content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". " | |
} | |
.md-toc-h5 .md-toc-inner { | |
margin-left: 0; | |
} | |
.md-toc-h6:before { | |
color: black; | |
counter-increment: h6toc; | |
content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". " counter(h6toc) ". " | |
} | |
.md-toc-h6 .md-toc-inner { | |
margin-left: 0; | |
} | |
/************************************** | |
* Header Counters in Content | |
**************************************/ | |
/** initialize css counter */ | |
#write { | |
counter-reset: h1 | |
} | |
h1 { | |
counter-reset: h2 | |
} | |
h2 { | |
counter-reset: h3 | |
} | |
h3 { | |
counter-reset: h4 | |
} | |
h4 { | |
counter-reset: h5 | |
} | |
h5 { | |
counter-reset: h6 | |
} | |
/** put counter result into headings */ | |
#write h1:before { | |
counter-increment: h1; | |
content: counter(h1) ". " | |
} | |
#write h2:before { | |
counter-increment: h2; | |
content: counter(h1) "." counter(h2) ". " | |
} | |
#write h3:before, h3.md-focus.md-heading:before { /*override the default style for focused headings */ | |
counter-increment: h3; | |
content: counter(h1) "." counter(h2) "." counter(h3) ". " | |
} | |
#write h4:before, h4.md-focus.md-heading:before { | |
counter-increment: h4; | |
content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". " | |
} | |
#write h5:before, h5.md-focus.md-heading:before { | |
counter-increment: h5; | |
content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". " | |
} | |
#write h6:before, h6.md-focus.md-heading:before { | |
counter-increment: h6; | |
content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". " | |
} | |
/** override the default style for focused headings */ | |
#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 { | |
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; | |
} | |
/* PDF page break */ | |
#write h1 { | |
page-break-before: always; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment