improve footnote section styles

diff --git a/astro.config.mjs b/astro.config.mjs
index 521c454905529254c8a25e5b8b0bdc6090f23894..02e13244200c277b1f5d74697aca78dce214a8fa 100644 (file)
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -10,6 +10,9 @@ export default defineConfig({
   site: 'https://cameron.otsuka.systems',
   integrations: [mdx(), react(), sitemap()],
   markdown: {
+    remarkRehype: {
+      footnoteBackContent: "↩︎",
+    },
     shikiConfig: {
       theme: 'monokai'
     },

diff --git a/src/styles/style.css b/src/styles/style.css
index faab8c7cdc5bd7d7cbbcd10be4e5f42d9b7ca105..a33798f26dc23e4a2ff353ab6257069063f16741 100644 (file)
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -89,4 +89,20 @@ code {
   font-family: "Source Code Pro Variable", monospace;
   margin-bottom: 1rem;
   padding: 0.1rem;
+}
+.footnotes {
+  font-size: 0.9rem;
+  border-top: 1px dashed light-dark(#000000, #ffffff);
+  margin-top: 1rem;
+  padding-top: 1rem;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  word-wrap: normal;
+  border: 0;
 }
\ No newline at end of file