Fix text-underline-offset example in Safari

[njesenberger]

Description

Replace text-decoration shorthand with text-decoration-line and text-decoration-color in text-underline-offset.css

-  text-decoration: underline #ff0000;
+  text-decoration-line: underline;
+  text-decoration-color: #ff0000;

Motivation

text-underline-offset example currently appears broken in Safari because of it not supporting text-decoration shorthand without -webkit- prefix

Additional details

Alternative could be to add -webkit- prefixed version of text-decoration property

+  -webkit-text-decoration: underline #ff0000;
text-decoration: underline #ff0000;

However a solution that doesn’t require a vendor prefix seems preferable.

[github-actions]

It looks like this is your first pull request. 🎉 Thank you for your contribution! One of the project maintainers will triage and assign the pull request for review. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

[chrisdavidmills]

Confirmed — the example indeed does not work in Safari as-is, and your change fixes that. I also agree that not using vendor prefixes where possible is a good policy.

Thanks a lot for the contribution @njesenberger, much appreciated!

[github-actions]

Congratulations on your first merged pull request. 🎉 Thank you for your contribution! Did you know we have a project board with high-impact contribution opportunities? We look forward to your next contribution.