fix: remove littlefoot for the moment

Author: chrisspiegl

_includes/layout.pug

@@ -146,24 +146,32 @@ body
     ml('account', '190754');
 
   //- Littlefoot - Footnotes
-  script(src="https://cdn.jsdelivr.net/npm/littlefoot@3.3/dist/littlefoot.min.js")
-  script(type="application/javascript").
-    littlefoot.default({
-      buttonTemplate: `<sup
-        aria-expanded="false"
-        aria-label="Footnote <% number %>"
-        class="footnote-ref">
-        <a
-        href="#<% reference %>"
-        class="footnote-ref"
-        id="<% reference %>"
-        data-footnote-identifier="<% reference %>"
-        data-footnote-style="default"
-        alt="See Footnote <% number %>"
-        rel="footnote"
-        data-footnote-content="<% content %>">
-          <% number %>
-        </a></sup>`
-    })
-    Array.prototype.forEach.call(document.querySelectorAll('.footnotes.footnote-print-only, .footnotes .footnote-print-only'), e => e.classList.remove('footnote-print-only'))
-    Array.prototype.forEach.call(document.querySelectorAll('.footnote-backref'), (el) => { el.href = el.href.replace('#', '#lf-') })
+  //- script(src="https://cdn.jsdelivr.net/npm/littlefoot@4.1/dist/littlefoot.min.js")
+  //- script(type="application/javascript").
+  //-   littlefoot.littlefoot({
+  //-     buttonTemplate: `button
+  //-         aria-label="Footnote <% number %>"
+  //-         class="littlefoot__button"
+  //-         id="<% reference %>"
+  //-         title="See Footnote <% number %>"
+  //-       />
+  //-         <% number %>
+  //-       </button>`
+  //-     //- buttonTemplate: `<sup
+  //-     //-   aria-expanded="false"
+  //-     //-   aria-label="Footnote <% number %>"
+  //-     //-   class="footnote-ref">
+  //-     //-   <a
+  //-     //-   href="#<% reference %>"
+  //-     //-   class="footnote-ref"
+  //-     //-   id="<% reference %>"
+  //-     //-   data-footnote-identifier="<% reference %>"
+  //-     //-   data-footnote-style="default"
+  //-     //-   alt="See Footnote <% number %>"
+  //-     //-   rel="footnote"
+  //-     //-   data-footnote-content="<% content %>">
+  //-     //-     <% number %>
+  //-     //-   </a></sup>`
+  //-   })
+  //-   Array.prototype.forEach.call(document.querySelectorAll('.footnotes.footnote-print-only, .footnotes .footnote-print-only'), e => e.classList.remove('footnote-print-only'))
+  //-   Array.prototype.forEach.call(document.querySelectorAll('.footnote-backref'), (el) => { el.href = el.href.replace('#', '#lf-') })

assets/scss/_footnotes.scss

@@ -1,5 +1,10 @@
 .footnotes {
   font-size: var(--font-size-minus-2);
+
+  p {
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
 }
 
 .footnote-ref {
@@ -9,14 +14,12 @@
 
 .footnote-ref a, .littlefoot-footnote__button {
   display: inline-block;
-  font-size: var(--font-size-minus-1);
+  font-size: var(--font-size-minus-2);
   margin-left: 0.2rem;
-  border-radius: 1rem;
-  min-width: 2rem;
+  border-radius: .2rem;
+  min-width: 1rem;
   text-align: center;
   text-decoration: none;
-  // height: 1rem;
-  // padding-top: 0.75em;
   -webkit-font-smoothing: antialiased;
   color: var(--color-white);
   background-color: var(--color-light);
@@ -54,4 +57,4 @@
 // }
 // .footnote-item.footnote-print-only {
 //   display: list-item !important;
-// }
+// }

assets/scss/style.scss

@@ -268,7 +268,7 @@ body {
 }
 
 
-@import "../../node_modules/littlefoot/dist/littlefoot";
+// @import "https://cdn.jsdelivr.net/npm/littlefoot@4.1/dist/littlefoot.css";
 @import "_tables.scss";
 @import "_lists.scss";
 @import "_footnotes.scss";