mirror of
https://github.com/agentskills/agentskills.git
synced 2026-06-18 15:54:06 +08:00
Jonathan Hefner
278196525d
Collapse the two-row `LogoCarousel` into a single row and compute its scroll duration from the total cycle width using a fixed `PX_PER_SECOND`, so scroll speed stays consistent regardless of how many logos appear or how they are scaled. Drop the now-unneeded vertical padding on `.logo-carousel-track`. Rename the "Adoption" heading to "Where can I use Agent Skills?" and rewrite its blurb to point readers at the Client Showcase page, matching the question-led style of the neighboring sections. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
108 lines
2.5 KiB
CSS
108 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;
|
|
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; }
|
|
}
|