File size: 1,410 Bytes
9b7d64e 76fc93a 9b7d64e | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | /* -----------------------------------------------------------------------
Table of contents - Editor overrides
Base styles are in components/_toc.css (from template).
This file adds editor-specific adjustments (smaller TOC column,
tighter padding, collapse animation).
----------------------------------------------------------------------- */
/* The template's _layout.css sets align-items:start on .content-grid,
which prevents grid cells from stretching. The TOC cell MUST stretch
to full row height so the sticky child has room to travel. */
.content-grid__toc {
align-self: stretch;
}
.content-grid__toc .table-of-contents--sticky {
position: sticky;
top: 0;
}
/* Override the template's own sticky (handled by --sticky wrapper instead) */
.content-grid__toc .table-of-contents {
position: static;
margin-top: 0;
padding: 24px 8px 0;
}
.content-grid__toc .table-of-contents .title {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* Base .toc-children animation lives in components/_toc.css (grid-template-rows
trick, shared between editor and publisher). Editor-specific: nothing extra. */
/* Ensure TOC empty message inherits article font */
.toc-empty {
font-size: 12px;
color: var(--muted-color);
padding-top: 4px;
}
/* TOC title label */
.toc-title {
font-weight: 600;
font-size: 14px;
margin-bottom: 8px;
}
|