forked from deepStateMirrors/tabi
💄 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:
parent
09e724a82b
commit
1c067e708e
13 changed files with 35 additions and 1 deletions
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue