mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-06 14:17:15 -04:00
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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user