@anoki/fse-ui/dist/components/ui/TableOfContents/TableOfContents.css

FSE UI components library

.toc-container{width:100%;z-index:10;position:sticky;top:112px;background-color:#fff}.toc-container.toc-container-authenticated{top:104px}.toc-scroll{scrollbar-width:none;-ms-overflow-style:none}.toc-scroll::-webkit-scrollbar{display:none}@media(min-width:768px){.toc-container{max-width:230px;height:min-content}}@media(min-width:1200px){.toc-container{top:100px}.toc-container.toc-container-authenticated{top:50px}}.ui-header-table-of-contents{display:flex;padding:16px;justify-content:space-between;align-items:center}@media(min-width:768px){.ui-header-table-of-contents{display:flex;padding:38px 0 31px;justify-content:center}}.scroll-progress-bar{height:4px;width:100%;background-color:var(--blue-87);margin-bottom:16px}@media(min-width:768px){.scroll-progress-bar{margin-bottom:31px}}.scroll-progress{height:100%;background-color:var(--primary);transition:width .2s ease-out}.toc-list{list-style:none;padding:0;margin:0;gap:24px}@media(max-width:768px){.toc-list{background-color:#fff;width:100%;padding:0 24px 24px}}@media(min-width:768px){.toc-list{gap:40px}.toc-scroll{padding:0 24px;max-height:calc(100vh - 280px);overflow-y:auto}}@media(min-width:768px)and (max-height:700px){.toc-scroll{max-height:calc(100vh - 340px)}}.toc-item{display:block}.toc-link{display:block;padding:.25rem 0;text-decoration:none;transition:color .2s ease}.toc-link:hover{color:var(--primary)}.toc-link.active{color:var(--primary);font-weight:700}.ui-button-accordion-toc{all:unset;cursor:pointer;width:100%}.ui-arrow-toc{transition:transform .1s ease-in-out;transform:rotate(0)}@media(min-width:768px){.ui-arrow-toc{display:none}}.ui-expanded-toc{transform:rotate(-180deg)}.story-container{display:flex;flex-direction:column;overflow:visible}@media(min-width:768px){.story-container{flex-direction:row}}@media(min-width:768px){.story-content section[id]{scroll-margin-top:100px}}