Add a table of contents to the single template
Pages can show the table of contents by setting the renderTableOfContents parameter.
This commit is contained in:
parent
3837e77d63
commit
4d303b984e
3 changed files with 42 additions and 0 deletions
34
assets/css/099_table_of_contents.css
Normal file
34
assets/css/099_table_of_contents.css
Normal file
|
@ -0,0 +1,34 @@
|
|||
details:has(#TableOfContents) {
|
||||
grid-column: main-start / main-end;
|
||||
|
||||
summary {
|
||||
font-family: var(--font-family-heading);
|
||||
font-size: var(--text-m);
|
||||
|
||||
&::before {
|
||||
content: "+ ";
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&[open] {
|
||||
summary::before {
|
||||
content: "- ";
|
||||
}
|
||||
}
|
||||
|
||||
#TableOfContents {
|
||||
> ul {
|
||||
padding-inline-start: 2ch; /*var(--space-m);*/
|
||||
margin-block: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue