refactor(css): replace sponsor-become border underline with text-decoration

Swap the border-bottom + padding-bottom fake underline on .sponsor-become
for a native text-decoration underline with text-underline-offset so the
line hugs the text at the same distance as the hero @vinta/@JinyangWang27
links, rather than sitting a fixed 0.2rem gap away.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-04-19 22:45:44 +08:00
parent f3c8377bd4
commit 19496c2c93
+5 -7
View File
@@ -418,24 +418,22 @@ kbd {
}
.sponsor-become {
display: inline-flex;
align-items: center;
gap: 0.4rem;
align-self: start;
color: var(--ink-soft);
font-size: var(--text-sm);
font-weight: 700;
letter-spacing: 0.01em;
border-bottom: 1px solid var(--line-strong);
padding-bottom: 0.2rem;
text-decoration: underline;
text-decoration-color: var(--line-strong);
text-underline-offset: 0.2em;
transition:
color 180ms ease,
border-color 180ms ease;
text-decoration-color 180ms ease;
}
.sponsor-become:hover {
color: var(--accent-deep);
border-bottom-color: var(--accent);
text-decoration-color: var(--accent);
}
.sponsor-list {