-
-
Save patik/89ee6092c72a9e39950445c01598517a to your computer and use it in GitHub Desktop.
Numbered Headings in Markdown via CSS
This file contains 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
| body { counter-reset: h1counter h2counter h3counter h4counter h5counter h6counter; } | |
| h1 { counter-reset: h2counter; } | |
| h2 { counter-reset: h3counter; } | |
| h3 { counter-reset: h4counter; } | |
| h4 { counter-reset: h5counter; } | |
| h5 { counter-reset: h6counter; } | |
| h6 {} | |
| h2:before { | |
| counter-increment: h2counter; | |
| content: counter(h2counter) ".\0000a0\0000a0"; | |
| } | |
| h3:before { | |
| counter-increment: h3counter; | |
| content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0"; | |
| } | |
| h4:before { | |
| counter-increment: h4counter; | |
| content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\0000a0\0000a0"; | |
| } | |
| h5:before { | |
| counter-increment: h5counter; | |
| content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) ".\0000a0\0000a0"; | |
| } | |
| h6:before { | |
| counter-increment: h6counter; | |
| content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) ".\0000a0\0000a0"; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Try mine, https://gist.github.com/rodolfoap/6cd714a65a891c6fe699ab91f0d22384 it adds support for [[TOC]]
I just can´t make it run on Gitlab. Does someone know how to add CSS to Gitlab markdown? See this open gitlab issue.