mirrors/hugo-PaperMod
1
0
Fork 0
mirror of https://github.com/adityatelange/hugo-PaperMod.git synced 2023-12-21 10:22:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

toc: look cool

Browse Source 
- improve toc styling
    - make collapsable
This commit is contained in:
Aditya Telange 2020-07-24 23:53:25 +05:30
parent 984d1a576c
commit 16b98dc8f9
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/main.css
View File

@ -47,7 +47,13 @@
}
.toc {
border-bottom: 1px solid var(--border);
font-size: 20px;
margin-bottom: 40px;
border: 1px solid var(--border);
border-radius: 4px;
padding: .5em;
}
.toc .details {
display: inline;
font-weight: 500;
}

8
layouts/_default/single.html
View File

@ -13,10 +13,16 @@
</div>
</header>
{{ if .Params.ShowToc }}
<div class="toc">
<details>
<summary>
<div class="details">Table of Contents</div>
</summary>
<blockquote>
<div class="toc">Table of Contents</div>
{{ .TableOfContents }}
</blockquote>
</details>
</div>
{{ end }}
<div class="post-content">{{ .Content }}</div>
{{- if .Params.tags }}