Lazy person's auto Table of Contents en

Installations 9 Likes 2

Don't want to bother prettying up your table of contents? Want to just write {table-of-contents} and be done with it? Well, here's a quick CSS theme that allows you to do just that. Saves you probably 20 seconds per TOC! By Grabthar's Hammer... what a savings!

The problem of this is you are basically forced to use this every time you add a TOC, so if you want fancy custom ones per entry skip this plug-in. It's just for lazy people like me

But I want to customize it!

Steal the code and go to town! I won't call the cops (probably). It's all pretty easy!

Latest version 1.1 View content

Released 2 years ago

Removes float on mobile

Plugin CSS for 1.1


/* TABLE OF CONTENTS */
/*Auto table of content formatting*/
.toc {
border: 1px var(--body-text) solid;
border-style:solid;
padding: 1.5% 2.5% 0.5% 0.5%;
max-width:30%;
border-radius:3px;
width:auto;
min-width:150px;
float:left;
margin:15px;
margin-left:0px;
overflow:clip;
}
@media only screen and (max-width:900px) {
.toc {
  float:none;
  }
}
/*Adds a title to the toc*/
.toc ul:nth-child(1)::before {
display:inline-block;
margin:0 auto;
text-align:center;
font-size:1.2em;
text-decoration:underline;
font-weight:bold;
content: "Contents";
}