feat: better inline footnotes

- smaller line height
- smaller font
- smaller opacity unless hovered
- highlight ref link when targeted

1 files changed, 10 insertions, 0 deletions

diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss
index 6252c210..09089996 100644
--- a/assets/css/_markdown.scss
+++ b/assets/css/_markdown.scss
@@ -203,6 +203,16 @@
         }
     }
   }
+
+  /* footnotes */
+
+  .inline-footnote {
+    p { margin: 0 }
+  }
+
+  sup[id*="fnref"]:target {
+    background-color: rgba(255, 235, 0, .25);
+  }
 }
 
 /* gallery shortcode */