Hi there.
For years I've been using automatic header numbering with custom css without any trouble. This stopped to work with kaos. Here are links to 2 different temporary demo sites. One using kaos, the other using jack jackrum.
I just don't understand. What am i doing wrong. What should I do to fix that ?
My conf/userstyle.css
file:
body, body#dokuwiki__top {
/* numbered header
* https://2ality.com/2012/01/numbering-headingshtml.html
* https://www.w3schools.com/CSS/css_counters.asp
*/
h1 {
counter-reset: h2counter;
}
h2 {
counter-reset: h3counter;
&:before {
content: counter(h2counter) ".\0000a0\0000a0";
counter-increment: h2counter;
}
}
h3 {
counter-reset: h4counter;
&:before {
content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
counter-increment: h3counter;
}
}
h4 {
counter-reset: h5counter;
&:before {
content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\0000a0\0000a0";
counter-increment: h4counter;
}
}
h5 {
counter-reset: h6counter;
&:before {
content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) ".\0000a0\0000a0";
counter-increment: h5counter;
}
}
}