jez / tufte-pandoc-css

Starter files for using Pandoc Markdown with Tufte CSS
https://jez.io/tufte-pandoc-css/
313 stars 30 forks source link

Styling for classic footnotes #9

Closed aureliendossantos closed 2 years ago

aureliendossantos commented 2 years ago

I saw that in pandoc-sidenote you added a syntax for normal footnotes: https://github.com/jez/pandoc-sidenote/commit/73181b4e01e0707e6a4b3f4f37e11b1adc01e6a9

But the styling isn't great: the footnote numbers affect the line-height, they are underlined, and the styling isn't quite right. So this PR simply replicates the styling of sidenote numbers for footnote numbers.


In my own article I need to use both sidenotes and footnotes, so to differenciate them I replaced sidenote numbers with a * by adding this CSS:

/* Optional : change sidenote numbers to a symbol */
.sidenote-number:after {
    content: '*';
    font-size: 1rem;
    top: -0.3rem;
    left: 0.1rem;
}
.sidenote:before {
    content: "*";
    font-size: 1rem;
    top: -0.3rem;
}

It gives me * sidenotes and numbered footnotes, like so:

However I think it should remain optional so I didn't put it in the PR.