31 lines
1.2 KiB
CSS
31 lines
1.2 KiB
CSS
/* TOC styles for pane and page */
|
|
.toc-pane, .toc-page {
|
|
background: var(--toc-bg);
|
|
color: var(--toc-fg);
|
|
border-left: 1px solid var(--toc-border);
|
|
}
|
|
.toc-page { border:1px solid var(--toc-border); border-radius:1rem; padding:1rem; }
|
|
.toc-list { list-style:none; margin:0; padding:.25rem .5rem .75rem .5rem; }
|
|
.toc-item { margin:.15rem 0; }
|
|
.toc-link {
|
|
display:flex; gap:.45rem; align-items:center;
|
|
padding:.35rem .5rem; border-radius:.5rem; color: var(--toc-fg);
|
|
text-decoration:none; border:1px solid transparent;
|
|
}
|
|
.toc-link:hover { color: var(--toc-hover); background: color-mix(in oklab, var(--surface-2) 88%, transparent); }
|
|
.toc-link.active {
|
|
color: var(--toc-active);
|
|
background: color-mix(in oklab, var(--surface-2) 80%, transparent);
|
|
border-color: color-mix(in oklab, var(--toc-active) 40%, var(--toc-border));
|
|
}
|
|
.toc-depth-2 { padding-left: .75rem; }
|
|
.toc-depth-3 { padding-left: 1.25rem; opacity:.95; }
|
|
.toc-depth-4 { padding-left: 1.75rem; opacity:.85; }
|
|
.toc-muted { color: var(--toc-muted); font-size:.9em; }
|
|
|
|
.toc-link:focus-visible { outline: 2px solid var(--toc-active); outline-offset: 2px; }
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.toc-link { transition: none !important; }
|
|
}
|