mirror of
https://github.com/vinta/awesome-python.git
synced 2026-08-04 15:05:39 +00:00
refactor(hero): remove redundant scroll cue
The "Jump to the list" anchor duplicated the "Browse the List" button. Removes the element, its CSS rules, the scroll-line keyframe animation, and cleans up the offscreen pause and focus-visible selector lists. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
321df7b78c
commit
014ba9e394
2 changed files with 2 additions and 36 deletions
|
|
@ -158,8 +158,7 @@ kbd {
|
|||
}
|
||||
|
||||
.hero.offscreen .hero-sheen,
|
||||
.hero.offscreen .hero-noise,
|
||||
.hero.offscreen .hero-scrollcue::after {
|
||||
.hero.offscreen .hero-noise {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
|
|
@ -198,8 +197,7 @@ kbd {
|
|||
color: var(--hero-muted);
|
||||
}
|
||||
|
||||
.hero-topbar-link:hover,
|
||||
.hero-scrollcue:hover {
|
||||
.hero-topbar-link:hover {
|
||||
color: var(--hero-text);
|
||||
}
|
||||
|
||||
|
|
@ -348,7 +346,6 @@ kbd {
|
|||
|
||||
.hero-action:focus-visible,
|
||||
.hero-topbar-link:focus-visible,
|
||||
.hero-scrollcue:focus-visible,
|
||||
.search:focus-visible,
|
||||
.filter-clear:focus-visible,
|
||||
.tag:focus-visible,
|
||||
|
|
@ -359,24 +356,6 @@ kbd {
|
|||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.hero-scrollcue {
|
||||
align-self: flex-start;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.65rem;
|
||||
color: var(--hero-muted);
|
||||
font-size: var(--text-xs);
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.hero-scrollcue::after {
|
||||
content: "";
|
||||
width: 3rem;
|
||||
height: 1px;
|
||||
background: var(--hero-line);
|
||||
animation: scroll-line 1.6s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.results-intro h2,
|
||||
.final-cta h2 {
|
||||
font-family: var(--font-display);
|
||||
|
|
@ -984,17 +963,6 @@ th[data-sort].sort-asc::after {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes scroll-line {
|
||||
0%, 100% {
|
||||
transform: scaleX(0.4);
|
||||
transform-origin: left;
|
||||
}
|
||||
50% {
|
||||
transform: scaleX(1);
|
||||
transform-origin: left;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sheen-drift {
|
||||
from {
|
||||
transform: translateX(-30%);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue