mirror of
https://github.com/zed-industries/zed.git
synced 2026-05-23 12:37:09 +00:00
c02ea54130
Update the heading typeface to use IBM Plex Serif, the code typeface to use Lilex (IBM Plex Mono), and pull them from the zed.dev CDN. Also added some stray design adjustments here and there. Release Notes: - N/A
79 lines
1.4 KiB
CSS
79 lines
1.4 KiB
CSS
.pagetoc {
|
|
box-sizing: border-box;
|
|
position: sticky;
|
|
top: 50px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding: 16px 0 120px 0;
|
|
width: 200px;
|
|
max-height: calc(100svh - 50px);
|
|
overflow-x: hidden;
|
|
}
|
|
.pagetoc > :last-child {
|
|
margin-bottom: 16px;
|
|
}
|
|
.pagetoc a {
|
|
width: fit-content;
|
|
font-size: 1.4rem;
|
|
color: var(--fg) !important;
|
|
display: inline-block;
|
|
padding: 2px 0;
|
|
text-align: left;
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--toc-link-underline);
|
|
}
|
|
.pagetoc a:hover {
|
|
text-decoration-color: var(--toc-link-underline-hover);
|
|
}
|
|
.pagetoc a.active {
|
|
background-color: var(--sidebar-active-bg);
|
|
color: var(--sidebar-active) !important;
|
|
text-decoration-color: hsl(219, 93%, 42%, 0.1);
|
|
}
|
|
.pagetoc a.active:hover {
|
|
text-decoration-color: hsl(219, 93%, 42%, 0.8);
|
|
}
|
|
.pagetoc .active {
|
|
background: var(--sidebar-bg);
|
|
color: var(--sidebar-fg);
|
|
}
|
|
.pagetoc .pagetoc-H1 {
|
|
display: none;
|
|
}
|
|
.pagetoc .pagetoc-H3 {
|
|
margin-left: 2ch;
|
|
}
|
|
.pagetoc .pagetoc-H4 {
|
|
margin-left: 4ch;
|
|
}
|
|
.pagetoc .pagetoc-H5 {
|
|
display: none;
|
|
}
|
|
.pagetoc .pagetoc-H6 {
|
|
display: none;
|
|
}
|
|
.toc-title {
|
|
margin: 0;
|
|
margin-bottom: 6px;
|
|
font-size: 1.4rem;
|
|
color: var(--full-contrast);
|
|
}
|
|
|
|
.toc-container {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.toc-container.has-toc {
|
|
visibility: visible;
|
|
}
|
|
|
|
.toc-container.no-toc {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.toc-container {
|
|
display: none;
|
|
}
|
|
}
|