realaravinth/tmp-gitea
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: make <sup> in footnotes look like <p>

Browse source 
DESCRIPTION
    Zola renders the footnotes as <sup>, so it looks weird on the
    website This snippet makes this particular <sup> look like normal
    text.
This commit is contained in:
Aravinth Manivannan 2022-10-28 14:35:11 +05:30
parent 44a98fb20c
commit 8c65b12a2a
Signed by: realaravinth
GPG key ID: AD9F0F08E855ED88
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
sass/main.scss
View file

@ -465,3 +465,25 @@ ul.language-select > li {
display: none;
}
}
.footnote-definition-label::before {
content: "[";
}
.footnote-definition-label::after {
content: "] :";
}
.footnote-definition-label {
// zola renders the footnotes as <sup>,
// so it looks weird on the website
// This snippet makes this particular <sup> look like normal text
top: 4px;
position: relative;
font-size: 18px;
}
.footnote-definition-label,
.footnote-definition > p {
display: inline;
}