Link hover states look blocky on Safari (and Firefox)

[christopherthomasdesign]

What

The thick underlines we use in the new hover states are rendered differently by different browsers.

Chrome

Safari

Firefox

I think we want it to be more like how Chrome currently does it, even if that means cutting through descenders sometimes. The examples above show how messy it can look if you have a word with lots of descenders.

It looks like text-decoration-skip-ink isn't too well supported, so we may want to look at a few different ways to fix this.