> Firefox 70 introduces three new properties related to text decoration/underline:
> text-decoration-thickness: sets the thickness of lines added via text-decoration.
> text-underline-offset: sets the distance between a text decoration and the text it is set on. Bear in mind that this only works on underlines.
> text-decoration-skip-ink: sets whether underlines and overlines are drawn if they cross descenders and ascenders. The default value, auto, causes them to only be drawn where they do not cross over a glyph. To allow underlines to cross glyphs, set the value to none.
I'm so excited for these. Implementing sane underlines for headers has been a pain in the ass for far too long. Writers rejoice!
It'll be nice to simplify underline links tremendously once that becomes implemented in IE/Edge & Safari. The existing methods for avoiding underlines overlapping text descenders like Tufte-CSS's method (https://github.com/edwardtufte/tufte-css) are kinda crazy looking, and also cause the occasional bug with text highlighting.