From 5a63d1a007c72c44599483ce299170ac59fb54ff Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Sun, 21 Jan 2024 21:16:15 -0600
Subject: [PATCH] style back-to-top with css

---
 layouts/partials/footer.html |  6 +-----
 static/css/custom.css        | 12 +++++++++++-
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 0b70a07..d5cea51 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,11 +6,7 @@
 <!-- Back to Top button via https://github.com/vfeskov/vanilla-back-to-top -->
 {{ $jsToTop := resources.Get "js/back-to-top.js" | minify }}
 <script src="{{ $jsToTop.RelPermalink }}"></script>
-<script>addBackToTop({
-  diameter: 56,
-  backgroundColor: '#383838',
-  textColor: '#c45a5a'
-})</script>
+<script>addBackToTop()</script>
 
 <!-- Search index via https://victoria.dev/blog/add-search-to-hugo-static-sites-with-lunr/ -->
 {{ partial "search-index.html" .}}
diff --git a/static/css/custom.css b/static/css/custom.css
index b37b41f..9b745d8 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -260,7 +260,6 @@ form button {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
   grid-gap: 0.5rem;
-  /* justify-content: center; */
   margin: 0.5rem 0;
 
 }
@@ -333,4 +332,15 @@ button.tinylytics_kudos:hover {
 .frontmatter_tags {
   font-size: 0.8rem;
   color: var(--off-fg);
+}
+
+/* back-to-top styling */
+#back-to-top {
+  background: var(--inner-bg);
+  height: 56px;
+  width: 56px;
+}
+
+#back-to-top svg {
+  fill: var(--link);
 }
\ No newline at end of file