feat(css): add external link indicator for inline text links

Appends a small northeast arrow (↗) after target="_blank" anchors
in hero subtitle, expand description, expand also-see, and footer
sections to signal outbound navigation to keyboard and sighted users.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen 2026-03-24 12:52:59 +08:00
parent e06cb93fdc
commit 65bc88bb4e
No known key found for this signature in database
GPG Key ID: B93DE4F003C33630

View File

@ -954,6 +954,18 @@ th[data-sort].sort-asc::after {
color: var(--footer-sep);
}
/* External link indicator for inline text links */
.hero-sub a[target="_blank"]::after,
.expand-desc a[target="_blank"]::after,
.expand-also-see a[target="_blank"]::after,
.footer a[target="_blank"]::after {
content: " \2197";
font-size: 0.7em;
opacity: 0.55;
text-decoration: none;
display: inline-block;
}
.noscript-msg {
padding: 1rem var(--shell-pad) 0;
text-align: center;