💄 style: improve footnotes and <hr> styling

Fixes multiple footnotes having a horizontal line above each.
welpo · Aug 2, 2023 · a1ceb74 · a1ceb74
1 parent 6b00aae
commit a1ceb74
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
             }
         }