molly0xfff, (edited )
@molly0xfff@hachyderm.io avatar

all i want for christmas is CSS support for underlines to extend below SVG pseudoelements 😔 (as in the first image)

heracles,
@heracles@mastodon.social avatar

@molly0xfff It's possible by setting a unicode character (fallback) in the CSS content, then style it with a custom webfont (e.g. convert the SVG with IcoMoon).

That's how I manage such link indicators in my personal website, although I move them to the right gutter instead of inline. Example: https://heracl.es/geary/

The difference between versus an SVG is negligible. Of course, opinions may vary between what's good practice between icon fonts and SVGs.

molly0xfff,
@molly0xfff@hachyderm.io avatar

@heracles thank you!

ozone89,
@ozone89@techhub.social avatar

@molly0xfff still better than dealing with thermal printers, where there's no way to avoid underline break at every space, unless you raster the print first (and only if the raster program supports it) 🙃

molly0xfff,
@molly0xfff@hachyderm.io avatar

@ozone89 well I have that to be grateful for then 😅

davidrevoy,
@davidrevoy@framapiaf.org avatar

@molly0xfff A valid wish.

Here is a chaotic evil way to "solve" it 😺

molly0xfff,
@molly0xfff@hachyderm.io avatar

@davidrevoy i'm looking for something that can be applied without editing the HTML, and with SVGs rather than unicode chars

connie,
@connie@chaosfem.tw avatar

@molly0xfff being able to tweak the gap between text and the decoration!

molly0xfff,
@molly0xfff@hachyderm.io avatar
connie,
@connie@chaosfem.tw avatar

@molly0xfff would be lovely if this was expanded to support specifying the position with numbers like background-position. still very useful thanks!

connie,
@connie@chaosfem.tw avatar
molly0xfff,
@molly0xfff@hachyderm.io avatar

@connie \o/

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • magazineikmin
  • thenastyranch
  • Youngstown
  • mdbf
  • rosin
  • slotface
  • InstantRegret
  • tester
  • cubers
  • kavyap
  • tacticalgear
  • khanakhh
  • everett
  • JUstTest
  • ngwrru68w68
  • Durango
  • modclub
  • ethstaker
  • normalnudes
  • cisconetworking
  • osvaldo12
  • GTA5RPClips
  • Leos
  • megavids
  • provamag3
  • anitta
  • lostlight
  • All magazines