mirror of
https://github.com/agentskills/agentskills.git
synced 2026-06-18 15:54:06 +08:00
Jonathan Hefner
b7442eb9ac
The `logo-scroll` keyframe translated by `-50%`, but flex `gap: 3rem` means `2N` duplicated items have `2N - 1` gaps — so the track doesn't split evenly at 50%. The seam between the two copies sits at `50% + half a gap`. Adjusting to `calc(-50% - 1.5rem)` aligns the animation endpoint with the start of the second copy, eliminating the visible jump every 50 seconds. Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
109 lines
2.5 KiB
CSS
109 lines
2.5 KiB
CSS
#content-area {
|
|
--font-mono: var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* via Mintlify theme */
|
|
|
|
h5 {
|
|
font-weight: 500;
|
|
}
|
|
|
|
h6 {
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/*** Add automatic section numbers to headings and table of contents items ***/
|
|
|
|
#enable-section-numbers {
|
|
display: none;
|
|
}
|
|
|
|
body:has(#enable-section-numbers) {
|
|
#content-area,
|
|
#table-of-contents {
|
|
counter-reset: h2-counter h3-counter h4-counter h5-counter h6-counter;
|
|
}
|
|
|
|
#content-area h2[id],
|
|
#table-of-contents li[data-depth="0"] {
|
|
counter-set: h3-counter h4-counter h5-counter h6-counter;
|
|
}
|
|
|
|
#content-area h3[id],
|
|
#table-of-contents li[data-depth="1"] {
|
|
counter-set: h4-counter h5-counter h6-counter;
|
|
}
|
|
|
|
#content-area h4[id],
|
|
#table-of-contents li[data-depth="2"] {
|
|
counter-set: h5-counter h6-counter;
|
|
}
|
|
|
|
#content-area h5[id],
|
|
#content-area h5,
|
|
#table-of-contents li[data-depth="3"] {
|
|
counter-set: h6-counter;
|
|
}
|
|
|
|
#content-area h2[id]::before,
|
|
#table-of-contents li[data-depth="0"] a::before {
|
|
counter-increment: h2-counter;
|
|
content: counter(h2-counter) ". ";
|
|
}
|
|
|
|
#content-area h3[id]::before,
|
|
#table-of-contents li[data-depth="1"] a::before {
|
|
counter-increment: h3-counter;
|
|
content: counter(h2-counter) "." counter(h3-counter) " ";
|
|
}
|
|
|
|
#content-area h4[id]::before,
|
|
#table-of-contents li[data-depth="2"] a::before {
|
|
counter-increment: h4-counter;
|
|
content: counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter)
|
|
" ";
|
|
}
|
|
|
|
#content-area h5[id]::before,
|
|
#content-area h5::before,
|
|
#table-of-contents li[data-depth="3"] a::before {
|
|
counter-increment: h5-counter;
|
|
content: counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter)
|
|
"." counter(h5-counter) " ";
|
|
}
|
|
|
|
#content-area h6[id]::before,
|
|
#content-area h6::before,
|
|
#table-of-contents li[data-depth="4"] a::before {
|
|
counter-increment: h6-counter;
|
|
content: counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter)
|
|
"." counter(h5-counter) "." counter(h6-counter) " ";
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* Logo carousel */
|
|
.logo-carousel {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.logo-carousel-track {
|
|
display: flex;
|
|
align-items: center;
|
|
width: max-content;
|
|
gap: 3rem;
|
|
padding: 0.75rem 0;
|
|
will-change: transform;
|
|
}
|
|
|
|
@keyframes logo-scroll {
|
|
from { transform: translateX(0); }
|
|
to { transform: translateX(calc(-50% - 1.5rem)); }
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.logo-carousel-track { animation: none; }
|
|
}
|