From 4f6b1c96e20e15c6813984eecd2d000de85aeb09 Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Sun, 7 Jun 2026 14:59:44 +0800
Subject: feat(css/fn): new footnote style

- slightly bigger font
- push fn number outside to make them more obvious and distinct from
body of text
- full opacity on smaller screen, where mouse hover is not an option
---
 layouts/_partials/utils/inject-footnotes.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/_partials/utils/inject-footnotes.html b/layouts/_partials/utils/inject-footnotes.html
index 31fdae8..549ac75 100644
--- a/layouts/_partials/utils/inject-footnotes.html
+++ b/layouts/_partials/utils/inject-footnotes.html
@@ -32,7 +32,7 @@
     {{ $noteContent := index $footnoteMap $refId }}
 
     {{ if $noteContent }}
-      {{ $inlineFootnote := printf `<div class="inline-footnote text-xs text-secondary flex gap-2 ml-2 my-1 opacity-50 hover:opacity-100 transition-opacity" id="fn:%s"><span>%s.</span><div>%s</div></div>` $refId $refId $noteContent }}
+      {{ $inlineFootnote := printf `<div class="inline-footnote text-sm text-secondary flex gap-2 md:-ml-7 md:opacity-50 hover:opacity-100 transition-opacity" id="fn:%s"><span>[%s]</span><div>%s</div></div>` $refId $refId $noteContent }}
 
       {{ $blockTags := slice "p" "li" "td" "th" "blockquote" "h1" "h2" "h3" "h4" "h5" "h6" "figcaption" "dt" "dd" }}
 
-- 
cgit v1.2.3