text-decoration shorthand with thickness has no support in WebKit browsers

[madhusudhand]

Steps to replicate

Text decoration short hand that has thickness included makes the entire css style invalid in safari.

"typography": {
	"textDecoration": "none 0.25rem"
}

Browser support

Result

This effects following block themes.

• [ ] Vivre
• [ ] Pendant
• [ ] Club (Work in progress)

Expected

Should separate text-decoration-tickness from theme.json and define in style.css

[pbking]

"Safari, the new Internet Explorer"

[pbking]

I rather think we should just close this one. I don't think we have an option to NOT use shorthand in a few places, at least not without/until a Gutenberg change. If anything this should be opened there I think (though I'm not sure exactly what the change should be... maybe including text-decoration-thickness as a Global Styles-able attribute?)

[matiasbenedetto]

I updated the title because I can confirm that isn't working with other WebKit browsers either.

[matiasbenedetto]

I took this approach for Disco: https://github.com/Automattic/themes/pull/6384

[mikachan]

Closing with https://github.com/Automattic/themes/pull/6490.