search

goblindegook / littlefoot

Footnotes without the footprint.
https://littlefoot.js.org
MIT License
227 stars 31 forks source link

Goldmark compatibility? #358

Closed rodrigoalcarazdelaosa closed 4 years ago

rodrigoalcarazdelaosa commented 4 years ago

Hi! I'm currently using the Academic theme for Hugo, which uses Goldmark by default.

I'm trying to make littlefoot work but no luck yet.

I haven't figured out the problem yet but any help would be greatly appreciated.

Thanks!

goblindegook commented 4 years ago

The markup generated by Hugo should work out of the box. Might be worth checking if the footnote extension is enabled on Goldmark.

While I don't use the Academic theme, my personal website (goblindegook/goblindegook.com) is built on Hugo as well and it uses littlefoot. Hope it helps.

rodrigoalcarazdelaosa commented 4 years ago

My bad, (I thought) I was overriding one of the templates of my theme but I wasn't (wrong path). Now littlefoot is working although it seems to conflict with the asides extension of the Academic theme.

This is what happens:

Before clicking the footnote: image

After clicking the footnote (which seems to be using part of the CSS associated with the asides): image

It seems that the Academic theme is overriding littlefoot CSS. I will need to tweak that, hope it's possible.

Thanks in advance! Rodrigo

goblindegook commented 4 years ago

Academic is being a bit naughty there, using almost blanket selectors like .article-style aside, but you should still be able to override everything by adding your own CSS definitions.