From a1ceb747857365f5785a079efdf3d5f0c72a3c98 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Wed, 2 Aug 2023 17:28:47 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20improve=20footnotes=20a?=
 =?UTF-8?q?nd=20`<hr>`=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes multiple footnotes having a horizontal line above each.
---
 content/blog/markdown.ca.md |  4 +++-
 content/blog/markdown.es.md |  4 +++-
 content/blog/markdown.md    |  3 ++-
 sass/parts/_misc.scss       | 13 +++++++++----
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/content/blog/markdown.ca.md b/content/blog/markdown.ca.md
index 0242c04..a0b9ec6 100644
--- a/content/blog/markdown.ca.md
+++ b/content/blog/markdown.ca.md
@@ -1,7 +1,7 @@
 +++
 title = "Exemples de Markdown"
 date = 2023-01-31
-updated = 2023-07-08
+updated = 2023-08-02
 description = "Aquesta publicació mostra alguns exemples de format en Markdown, incloent-hi una taula, blocs de codi i etiquetes, citacions, taules i notes a peu de pàgina."
 
 [taxonomies]
@@ -69,4 +69,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
 >
 > — Mercè Rodoreda, La plaça del Diamant
 
+<hr>
+
 [^1]: I aquí tens un exemple de nota a peu de pàgina!
diff --git a/content/blog/markdown.es.md b/content/blog/markdown.es.md
index a1edd58..d913e33 100644
--- a/content/blog/markdown.es.md
+++ b/content/blog/markdown.es.md
@@ -1,7 +1,7 @@
 +++
 title = "Ejemplos de Markdown"
 date = 2023-01-31
-updated = 2023-07-08
+updated = 2023-08-02
 description = "Esta publicación muestra algunos ejemplos de formato Markdown, incluyendo una tabla, bloques de código y etiquetas, citas, tablas y notas al pie de página."
 
 [taxonomies]
@@ -69,4 +69,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
 >
 > — Miguel de Unamuno, Niebla
 
+<hr>
+
 [^1]: ¡Y aquí tienes un ejemplo de una nota al pie de página!
diff --git a/content/blog/markdown.md b/content/blog/markdown.md
index 9aaac68..a1a99b9 100644
--- a/content/blog/markdown.md
+++ b/content/blog/markdown.md
@@ -1,7 +1,7 @@
 +++
 title = "Markdown examples"
 date = 2023-01-31
-updated = 2023-07-08
+updated = 2023-08-02
 description = "This post showcases some examples of Markdown formatting, including a table, code blocks and tags, quotes, tables, and footnotes."
 
 [taxonomies]
@@ -69,5 +69,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
 >
 > — Charlie Kaufman, Synecdoche, New York
 
+<hr>
 
 [^1]: And here's an example of a footnote!
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index a8b491b..4cdbaab 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -112,15 +112,20 @@ a:not(.no-hover-padding):hover::before {
     }
 }
 
+hr {
+    border: none;
+    height: 1px;
+    background-color: var(--border-color);
+    margin: 3.5rem 0 1rem;
+}
+
 .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;
+    margin-bottom: 0.6rem;
 
     sup {
         font-family: var(--serif-font);
@@ -177,7 +182,7 @@ a:not(.no-hover-padding):hover::before {
             }
 
             &::before {
-            background-color: transparent;
+                background-color: transparent;
             }
         }