mirror of
https://github.com/vinta/awesome-python.git
synced 2026-03-24 01:24:43 +08: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:
@@ -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%);
|
||||
|
||||
@@ -49,8 +49,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="#library-index" class="hero-scrollcue">Jump to the list</a>
|
||||
</div>
|
||||
</header>
|
||||
{% endblock %} {% block content %}
|
||||
|
||||
Reference in New Issue
Block a user