💄 style: improve footnotes and <hr> styling

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
4 changed files with 17 additions and 7 deletions

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 {
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;
}
}