44 lines
1.1 KiB
CSS
44 lines
1.1 KiB
CSS
@media (min-width: 1300px) {
|
|
.gh-toc {
|
|
position: sticky; /* On larger screens, TOC will stay in the same spot on the page */
|
|
align-self: start;
|
|
top: 60px;
|
|
grid-column: wide-start / main-start; /* Place the TOC to the left of the content */
|
|
transition: margin 300ms ease-in-out;
|
|
margin-bottom: 4.8rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1299px){
|
|
.gh-toc {
|
|
display: grid;
|
|
grid-template-columns: [full-start] minmax(4vw,auto) [wide-start] minmax(auto,140px) [main-start] min(850px,calc(100% - 8vw)) [main-end] minmax(auto,140px) [wide-end] minmax(4vw,auto) [full-end];
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.gh-toc ol {
|
|
grid-column: main-start/main-end;
|
|
}
|
|
}
|
|
|
|
.gh-toc > .toc-list {
|
|
position: relative;
|
|
overflow: hidden;
|
|
max-width: 14vw;
|
|
}
|
|
|
|
.toc-list {
|
|
list-style: none;
|
|
}
|
|
|
|
.gh-toc .is-active-link::before {
|
|
background-color: var(--ghost-accent-color); /* Defines TOC accent color based on Accent color set in Ghost Admin */
|
|
}
|
|
|
|
.toc-do-sticky {
|
|
margin-left: -30vw;
|
|
}
|
|
|
|
.toc-headers h4 {
|
|
font-size: 2rem;
|
|
} |