Mirrors_Framework/awesome-python
1
0
Fork 0
mirror of https://github.com/vinta/awesome-python.git synced 2026-05-09 22:53:49 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/static/style.css
+5 -7
View File
@@ -418,24 +418,22 @@ kbd {
} }
.sponsor-become { .sponsor-become {
display: inline-flex;
align-items: center;
gap: 0.4rem;
align-self: start; align-self: start;
color: var(--ink-soft); color: var(--ink-soft);
font-size: var(--text-sm); font-size: var(--text-sm);
font-weight: 700; font-weight: 700;
letter-spacing: 0.01em; letter-spacing: 0.01em;
border-bottom: 1px solid var(--line-strong); text-decoration: underline;
padding-bottom: 0.2rem; text-decoration-color: var(--line-strong);
text-underline-offset: 0.2em;
transition: transition:
color 180ms ease, color 180ms ease,
border-color 180ms ease; text-decoration-color 180ms ease;
} }
.sponsor-become:hover { .sponsor-become:hover {
color: var(--accent-deep); color: var(--accent-deep);
border-bottom-color: var(--accent); text-decoration-color: var(--accent);
} }
.sponsor-list { .sponsor-list {