feat: add underline to links within text

[coseeian]

To address: #1505 .

Summary

• styles/markdown.scss: add persistent text-decoration: underline to prose links inside .rendered-markdown, scoped as a:not(.button-link) so styled button links are excluded.

[limzykenneth]

They are mostly there but there are some false negatives:

These probably should be underlined as well.

These in community sketches too perhaps

Should these be underlined too?

I wonder if there is somewhere in the CSS rules that applies the p5 magenta highlight we can add the underline rule at the same place then we'll catch more or less the places we want to have underlines? Unless that introduce too many false positives.

[coseeian]

Let me take a look.

[coseeian]

Hi,

I found there wasn't one existing place to put it. The magenta link was being applied in 4 different ways across pages.

So I created .text-link in styles/global.scss. The single place now has one rule where the color and the underline are declared together.

.text-link works on a link itself or on any container (styling its descendant links). Every call site now points at that rule instead of redeclaring the color, and markdown.scss no longer duplicates the style.

Let me know if any concern about this approach, thanks. :)

[coseeian]

I verified both the Reference and Sketches pages locally, across light and dark modes - links now include underlines:

For the About page, axe-core only flags links inside body text, but I updated it as well for design consistency. Let me know if you prefer keeping it as-is!

[coseeian]

Note: This updates the color to a slightly darker shade of magenta in light mode. I made this change to better align with the design across the rest of the site, but please let me know if you’d prefer to stick with the original shade. Thanks!

[ksen0]

That seems fine to me!

[limzykenneth]

Just one inline. The rest looks good.

[ksen0]

Thanks for this! OK to merge I think