alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

💄 style: improve footnotes and <hr> styling

Browse Source 
Fixes multiple footnotes having a horizontal line above each.
This commit is contained in:
welpo 2023-08-02 17:28:47 +02:00
parent 6b00aae20e
commit a1ceb74785
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
4 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
content/blog/markdown.ca.md
View File

@ -1,7 +1,7 @@
+++ +++
title = "Exemples de Markdown" title = "Exemples de Markdown"
date = 2023-01-31 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." 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] [taxonomies]
@ -69,4 +69,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
> >
> — Mercè Rodoreda, La plaça del Diamant > — Mercè Rodoreda, La plaça del Diamant
<hr>
[^1]: I aquí tens un exemple de nota a peu de pàgina! [^1]: I aquí tens un exemple de nota a peu de pàgina!

4
content/blog/markdown.es.md
View File

@ -1,7 +1,7 @@
+++ +++
title = "Ejemplos de Markdown" title = "Ejemplos de Markdown"
date = 2023-01-31 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." 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] [taxonomies]
@ -69,4 +69,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
> >
> — Miguel de Unamuno, Niebla > — Miguel de Unamuno, Niebla
<hr>
[^1]: ¡Y aquí tienes un ejemplo de una nota al pie de página! [^1]: ¡Y aquí tienes un ejemplo de una nota al pie de página!

3
content/blog/markdown.md
View File

@ -1,7 +1,7 @@
+++ +++
title = "Markdown examples" title = "Markdown examples"
date = 2023-01-31 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." description = "This post showcases some examples of Markdown formatting, including a table, code blocks and tags, quotes, tables, and footnotes."
[taxonomies] [taxonomies]
@ -69,5 +69,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
> >
> — Charlie Kaufman, Synecdoche, New York > — Charlie Kaufman, Synecdoche, New York
<hr>
[^1]: And here's an example of a footnote! [^1]: And here's an example of a footnote!

13
sass/parts/_misc.scss
View File

@ -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 { .footnote-reference {
font-family: var(--serif-font); font-family: var(--serif-font);
font-size: 0.7rem; font-size: 0.7rem;
} }
.footnote-definition { .footnote-definition {
margin-top: 3.5rem; margin-bottom: 0.6rem;
border-top: 1px solid var(--border-color);
padding-top: 1rem;
sup { sup {
font-family: var(--serif-font); font-family: var(--serif-font);
@ -177,7 +182,7 @@ a:not(.no-hover-padding):hover::before {
} }
&::before { &::before {
background-color: transparent; background-color: transparent;
} }
} }