diff options
| author | Jake Wiesler <jakewiesler@gmail.com> | 2020-06-25 19:21:47 +0300 |
|---|---|---|
| committer | Jake Wiesler <jakewiesler@gmail.com> | 2020-06-25 19:21:47 +0300 |
| commit | 95c820e4cda078bbace3e57315a27446f9613cb1 (patch) | |
| tree | 1a73b180460e161f6f2490b06e844276b16dde7f /assets | |
| parent | 9a4b63d22ba4396ed65d3b16affcb3fcbf6b784a (diff) | |
refactor: add post-title to ToC
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/pages/post.scss | 20 |
1 files changed, 13 insertions, 7 deletions
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 { |