antora-ui-camel/src/css/toc.css (79 lines of code) (raw):

.toc-menu { color: var(--toc-font-color); } .toc.sidebar .toc-menu { margin-right: 0.75rem; position: sticky; top: var(--toc-top); } .toc .toc-menu h3 { color: var(--toc-heading-font-color); font-size: calc(16 / var(--rem-base) * 1rem); font-weight: var(--body-font-weight-bold); line-height: 1.3; margin: 0 -0.5px; padding-bottom: 0.25rem; } .toc.sidebar .toc-menu h3 { display: flex; flex-direction: column; height: 2.5rem; justify-content: flex-end; } .toc .toc-menu ul { font-size: calc(15 / var(--rem-base) * 1rem); line-height: var(--toc-line-height); list-style: none; margin: 0; padding: 0; } .toc.sidebar .toc-menu ul { max-height: var(--toc-height); overflow-y: auto; } @media screen and (min-width: 1025px) { .toc .toc-menu h3 { font-size: calc(15 / var(--rem-base) * 1rem); } .toc .toc-menu ul { font-size: calc(13.5 / var(--rem-base) * 1rem); } } .toc .toc-menu li { margin: 0; } .toc .toc-menu li[data-level='2'] a { padding-left: 1.25rem; } @media screen and (max-width: 1024px) { .toc .toc-menu ul li ul li ul li a { padding-left: 1.25rem; } } .toc .toc-menu li[data-level='3'] a { padding-left: 2rem; } .toc .toc-menu a { color: inherit; border-left: 2px solid var(--toc-border-color); display: inline-block; padding: 0.25rem 0 0.25rem 0.5rem; text-decoration: none; } .sidebar.toc .toc-menu a { display: block; outline: none; } .toc .toc-menu a:hover { color: var(--link-font-color); } .toc .toc-menu a.is-active { border-left-color: var(--link-font-color); color: var(--doc-font-color); } .sidebar.toc .toc-menu a:focus { background: var(--panel-background); } .toc .toc-menu .is-hidden-toc { display: none !important; }