From 8c65b12a2a0101b6a846db9cb70721003cbc5e3f Mon Sep 17 00:00:00 2001
From: Aravinth Manivannan <realaravinth@batsense.net>
Date: Fri, 28 Oct 2022 14:35:11 +0530
Subject: [PATCH] fix: make <sup> in footnotes look like <p>

DESCRIPTION
    Zola renders the footnotes as <sup>, so it looks weird on the
    website This snippet makes this particular <sup> look like normal
    text.
---
 sass/main.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/sass/main.scss b/sass/main.scss
index d265a3c..413b621 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -465,3 +465,25 @@ ul.language-select > li {
 		display: none;
 	}
 }
+
+.footnote-definition-label::before {
+	content: "[";
+}
+
+.footnote-definition-label::after {
+	content: "] :";
+}
+
+.footnote-definition-label {
+	// zola renders the footnotes as <sup>,
+	// so it looks weird on the website
+	// This snippet makes this particular <sup> look like normal text
+	top: 4px;
+	position: relative;
+	font-size: 18px;
+}
+
+.footnote-definition-label,
+.footnote-definition > p {
+	display: inline;
+}