toc: look cool

- 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

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;
}

View File

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