Skip to content

Instantly share code, notes, and snippets.

@gjroelofs
Created October 12, 2019 14:07
Show Gist options
  • Save gjroelofs/8cd6d0908ac72783ec97bbf7e0c91ef0 to your computer and use it in GitHub Desktop.
Save gjroelofs/8cd6d0908ac72783ec97bbf7e0c91ef0 to your computer and use it in GitHub Desktop.
CSS for automatic TOC creation for Coda
/** Table of Contents. **/
#toc {
position: fixed;
display: table;
padding: 10px;
border: 1px solid #a2a9b1;
background-color: white;
padding: 5px;
font-size: 95%;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
align-items: left;
align-self: flex-end;
justify-content: left;
position: absolute;
top: 40px;
right: 80px;
z-index: 381;
}
#toc #toc-full {
opacity:0;
max-height: 0;
max-width: 0;
overflow: hidden;
visibility: hidden;
transition: all 0.5s ease-in-out;
padding: 0px;
}
#toc:hover #toc-full{
visibility: visible;
opacity: 1;
max-height: 1000px;
max-width: 1000px;
padding: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment