diff options
| -rw-r--r-- | assets/css/main.css | 11 | ||||
| -rw-r--r-- | assets/css/vars.css | 4 | ||||
| -rw-r--r-- | layouts/_default/single.html | 8 |
3 files changed, 22 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index c541917..1317f67 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -62,6 +62,7 @@ a { pre { padding: var(--code-padding); + border: 1px solid var(--code-border); overflow: scroll; border-radius: var(--code-border-radius); margin-top: var(--code-margin-top); @@ -361,4 +362,14 @@ footer a { .giscus { margin-top: 3rem; +} + +/* Back to top */ + +.back-to-top { + text-align: center; + font-family: "Monaspace"; + font-size: small; + margin-bottom: 2rem; + margin-top: -3rem; }
\ No newline at end of file diff --git a/assets/css/vars.css b/assets/css/vars.css index f68ff44..417e6c2 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -45,13 +45,15 @@ /* Theme */ --content: rgb(30, 30, 30); --background: rgb(255, 255, 255); - --code-background: rgb(245, 245, 245); + --code-background: rgb(249, 249, 249); + --code-border: rgb(229, 229, 229); } .dark { --content: rgb(218, 218, 218); --background: rgb(30, 30, 30); --code-background: rgb(40, 40, 40); + --code-border: rgb(60, 60, 60); } @media screen and (max-width: 1024px) { diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 59ab477..1526971 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -67,6 +67,14 @@ {{ partial "comments.html" . }} </div> + {{ if not (.Param "hideBackToTop") }} + <div class="back-to-top"> + <a href="#top"> + back to top + </a> + </div> + {{ end }} + </div> {{ end }}
\ No newline at end of file |