Feature request: css styling for footnotes

[Lucretiel]

Currently, zola (via pulldown-cmark) will generate footnotes from your markdown, at the end of the content. The footnote is rendered like this:

<div class="footnote-definition" id="1">
    <sup class="footnote-definition-label">1</sup>
    <p>This is a footnote.</p>
</div>

(though see also pulldown-cmark/pulldown-cmark#464)

If possible it'd be nice to have this be styled more like a footnote; in particular, the current (lack of) css makes the alignment out of whack

[bennetthardwick]

Boy, they make it hard to style the footnotes! I tried my best to make it look like how hugo renders. Here's the preview, if you have any CSS suggestions feel free to make a PR or let me know - I'm not much of a designer.

[Lucretiel]

Sure, I'll see what I can do. I agree, I was also having trouble styling them but I am also not much of a css author. Hoping that if pulldown-cmark/pulldown-cmark#464 lands it'll be easier.