Vivre: move link pseudo states to theme.json

[madhusudhand]

Changes proposed in this Pull Request:

Moved css to theme.json for :hover, :focus and :active states. There are few style left in css because the style properties aren't supported in theme.json. ex: text-underline-offset

Related issue(s):

#6108

[pbking]

This is interesting and gave me a little pause. In this instance we are trading a little CSS for a lot of theme.json configuration. I don't think there's another way to do it, and I don't think it's wrong, but it's interesting to see how much less verbose CSS can be.

We did seem to lose something in translation with the post title links:

Before:

After:

And the read more link:

Before:

After:

If there are other differences they have escaped me.

[madhusudhand]

Fixed both issues. Seems like they lost in the transition.
Even though line thickness is set in css, with single value set to text-decoration, thickness is lost.
changing textDecoration: underline to textDecoration: underline 0.25rem works.

[jffng]

Thanks @madhusudhand this is looking good and very cool to see the pseudo states API in action.

In addition to rebasing, I made one change so the links match the design: 2b787d7

Based on the figma, it looks like text links are underlined by default and not underlined on hover:

Let me know if the way I implemented it makes sense.

[pbking]

Previous comment deleted because I have no idea what I'm doing today.

This looks great. 👍