30 lines
1.9 KiB
CSS
30 lines
1.9 KiB
CSS
.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-collapsed:has(:focus){
|
|
.is-collapsible {
|
|
/*
|
|
* Increase the value "1000px" of "tocbot.css" to higher value, because otherwise "ol.toc-list" could be truncated (especially if the root heading is shown).
|
|
* Do not unset the value, because the smooth transition of closing/opening collapsible list is prevented.
|
|
* Do not increase the value to max signed 32 bit, because the visible transition at the end is too fast.
|
|
*/
|
|
max-height: 3000px;
|
|
/*
|
|
* Both control points of the Bézier curve are in the lower-right corner.
|
|
* I.e. when the list gets uncollapsed (.i.e. it has no style `.is-collapsed` anymore), the transition
|
|
* is very slow at the beginning (i.e. near `max-height: 0`)
|
|
* and very fast at the end (i.e. `near max-height: 3000px`, where the transition is normally not visible anymore)
|
|
*/
|
|
transition: all 0.5s cubic-bezier(1, 0, 1, 0);
|
|
}
|
|
|
|
.is-collapsed {
|
|
/* override the increase in ".is-collapsible" */
|
|
max-height: 0;
|
|
/*
|
|
* Both control points of the Bézier curve are in the upper-left corner.
|
|
* I.e. when the list gets collapsed, the transition
|
|
* is very fast at the beginning (i.e. `near max-height: 3000px`, where the transition is normally not visible)
|
|
* and very slow at the end (i.e. near `max-height: 0`)
|
|
*/
|
|
transition: all 0.5s cubic-bezier(0, 1, 0, 1);
|
|
}
|
|
}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#eee;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54bc4b}/*# sourceMappingURL=tocbot.css.map */
|