diff --git a/assets/scss/pages/post.scss b/assets/scss/pages/post.scss index 41fd920..bb17205 100644 --- a/assets/scss/pages/post.scss +++ b/assets/scss/pages/post.scss @@ -70,12 +70,24 @@ $tocBreakpoint: 1024px; padding-top: 3rem; } -#TableOfContents { +.toc-container { position: sticky; align-self: start; top: 3rem; max-width: 350px; + @media screen and (max-width: $tocBreakpoint) { + visibility: hidden; + width: 0; + margin: 0; + } +} + +.toc-post-title { + font-size: 0.9rem; +} + +#TableOfContents { ul { list-style: none; margin: 0; @@ -90,12 +102,6 @@ $tocBreakpoint: 1024px; a.active { color: rgb(51, 51, 51); } - - @media screen and (max-width: $tocBreakpoint) { - visibility: hidden; - width: 0; - margin: 0; - } } .tags__list { diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 5068977..c229f40 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -28,7 +28,10 @@ {{ if or .Params.toc .Site.Params.toc }} +
+
{{.Title}}
{{ .TableOfContents }} +
{{ end }}