mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-26 11:07:55 +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-sheen,
|
||||||
.hero.offscreen .hero-noise,
|
.hero.offscreen .hero-noise {
|
||||||
.hero.offscreen .hero-scrollcue::after {
|
|
||||||
animation-play-state: paused;
|
animation-play-state: paused;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -198,8 +197,7 @@ kbd {
|
|||||||
color: var(--hero-muted);
|
color: var(--hero-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-topbar-link:hover,
|
.hero-topbar-link:hover {
|
||||||
.hero-scrollcue:hover {
|
|
||||||
color: var(--hero-text);
|
color: var(--hero-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -348,7 +346,6 @@ kbd {
|
|||||||
|
|
||||||
.hero-action:focus-visible,
|
.hero-action:focus-visible,
|
||||||
.hero-topbar-link:focus-visible,
|
.hero-topbar-link:focus-visible,
|
||||||
.hero-scrollcue:focus-visible,
|
|
||||||
.search:focus-visible,
|
.search:focus-visible,
|
||||||
.filter-clear:focus-visible,
|
.filter-clear:focus-visible,
|
||||||
.tag:focus-visible,
|
.tag:focus-visible,
|
||||||
@@ -359,24 +356,6 @@ kbd {
|
|||||||
outline-offset: 3px;
|
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,
|
.results-intro h2,
|
||||||
.final-cta h2 {
|
.final-cta h2 {
|
||||||
font-family: var(--font-display);
|
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 {
|
@keyframes sheen-drift {
|
||||||
from {
|
from {
|
||||||
transform: translateX(-30%);
|
transform: translateX(-30%);
|
||||||
|
|||||||
@@ -49,8 +49,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="#library-index" class="hero-scrollcue">Jump to the list</a>
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
{% endblock %} {% block content %}
|
{% endblock %} {% block content %}
|
||||||
|
|||||||
Reference in New Issue
Block a user