💄 fix: adapt footnotes styling for zola 0.19.x & 0.20.x

Also makes code tags slightly smaller (to match the font) in footnotes.

Zola 0.20.0 wraps footnotes in a <footer> tag, which broke existing styles.
This change makes the CSS selectors work with both old (<ol>) and new
(<footer>) HTML structures while maintaining the same visual appearance.
This commit is contained in:
welpo 2025-02-16 16:25:40 +01:00
parent 09e724a82b
commit 1c067e708e
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
13 changed files with 35 additions and 1 deletions

View file

@ -156,6 +156,11 @@ hr {
height: 1px;
}
.footnotes-list,
.footnotes {
text-align: start;
}
.footnote-reference {
font-size: 0.7rem;
font-family: var(--serif-font);
@ -180,7 +185,12 @@ hr {
font-size: 0.8rem;
}
.footnotes-list a[href^="#fr-"] {
.footnotes-list a[href^="#fr-"],
.footnotes a[href^="#fr-"] {
font-size: 0.8rem;
}
.footnotes code {
font-size: 0.8rem;
}