Paragraph: Icon alignment

nuxt-themes / typography

Beautifully customizable Prose components for Nuxt Content.

https://typography.nuxt.space

MIT License

164 stars 7 forks source link

Open atinux opened 1 year ago

atinux commented 1 year ago

Would be nice to find a way that :icon fits well inside paragraphs:

CleanShot 2022-11-07 at 17.20.22.png

Checkout [nuxt-themes/prose](https://github.com/nuxt-themes/prose) for the documentation, don't forget to give a :icon{name=ph:star}!

bdrtsky commented 1 year ago

I don't see any way to make it better (other vertical-align make it worst)

It's actually depends on where optical center of used icon is, and the font used

Also, why not use emoji in text?

atinux commented 1 year ago

I know I could use an emoji but I like custom icons :)

Maybe we could support some kind of p .icon with position relative and top -1 ? 😅

bdrtsky commented 1 year ago

Hacky, but I will check how to tune it (not sure if it will be bullet proof for all possible usages)

atinux commented 1 year ago

Low priority compared to other issues.