💄 style: update footnote styling

content/markdown.md

@@ -8,7 +8,7 @@ tags = ["markdown", "test"]
 
 ## Table
 
-Here's an example of a table. Its colours change depending on the current theme.
+Here's an example of a table[^1]. Its colours change depending on the current theme.
 
 | Symbol  | Element | Atomic Number |
 |---------|---------|---------------|
@@ -36,3 +36,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
 > We're all hurtling towards death. Yet here we are, for the moment, alive. Each of us knowing we're going to die. Each of us secretly believing we won't.
 >
 > — Charlie Kaufman, Synecdoche, New York
+
+
+[^1]: And here's an example of a footnote!

sass/parts/_misc.scss

@@ -119,3 +119,21 @@ table td {
 table tbody tr:nth-child(even) {
   background-color: var(--bg-0);
 }
+
+.footnote-reference {
+  font-family: var(--serif-font);
+  font-size: 0.7rem;
+}
+
+.footnote-definition {
+  margin-top: 3.5rem;
+  border-top: 1px solid var(--border-color);
+  padding-top: 1rem;
+  sup {
+    font-size: 0.75rem;
+    margin-right: 0.15rem;
+  }
+  p {
+    display: inline;
+  }
+}