add table of contents

This commit is contained in:
Huy Tran 2018-09-30 09:32:57 +10:00
parent 1b974ce9d3
commit b517159c0e
13 changed files with 161 additions and 23 deletions

2
static/css/hugo-toc.css Normal file
View file

@ -0,0 +1,2 @@
.toc-wrapper{background:#eee;font-size:.9rem;padding:.5em .5em .5em 0}.toc-wrapper label{background:url(/img/menu-close-dark.svg) no-repeat 100%;cursor:pointer;display:block;padding-left:1em}#TableOfContents{margin-top:0;max-height:100%;overflow:hidden}#TableOfContents>ul{list-style-type:none;padding-left:0}#TableOfContents>ul>li ul{list-style-type:none;padding-left:1em}input#tocToggle{display:none}input#tocToggle+label{font-weight:700}input#tocToggle:checked+label{background-image:url(/img/menu-open-dark.svg)}input#tocToggle:checked~#TableOfContents{max-height:0}
/*# sourceMappingURL=hugo-toc.css.map */

View file

@ -0,0 +1 @@
{"version":3,"sources":["hugo-toc.scss"],"names":[],"mappings":"AAIA,aAGE,gBAFA,AAJyB,gBACN,AAInB,wBAA8B,CAQ/B,AAVD,mBAKI,wDAAgE,AAEhE,eADA,AACe,cADD,AAEd,gBAAiB,CAClB,AAEH,iBAEE,aAAa,AACb,gBAFA,AAEgB,eAFA,CAWjB,AAZD,oBAKI,qBAAqB,AACrB,cAAe,CAKhB,AAXH,0BAQM,qBAAqB,AACrB,gBAAiB,CAClB,AAIL,gBACE,YAAa,CAYd,AAbD,sBAGI,eAAiB,CAClB,AAJH,8BAOM,6CAA8C,CAC/C,AARL,yCAUM,YAAa,CACd","file":"hugo-toc.css","sourcesContent":["// Hugo {{ .TableOfContents }}\n$toc-background-color: #eee;\n$toc-font-size: .9rem;\n\n.toc-wrapper {\n font-size: $toc-font-size;\n padding: 0.5em 0.5em 0.5em 0em;\n background: $toc-background-color;\n label {\n background: url(/img/menu-close-dark.svg) no-repeat right center;\n display: block;\n cursor: pointer;\n padding-left: 1em;\n }\n}\n#TableOfContents {\n overflow: hidden;\n margin-top: 0;\n max-height: 100%;\n > ul {\n list-style-type: none;\n padding-left: 0;\n > li ul {\n list-style-type: none;\n padding-left: 1em;\n }\n }\n}\n\ninput#tocToggle {\n display: none;\n + label {\n font-weight: bold;\n }\n &:checked {\n + label {\n background-image: url(/img/menu-open-dark.svg);\n }\n ~ #TableOfContents {\n max-height: 0;\n }\n }\n}\n"]}

2
static/css/tocbot.css Normal file
View file

@ -0,0 +1,2 @@
.toc-wrapper{background:#eee;font-size:.9rem;padding:.5em .5em .5em 0}.toc-wrapper label{background:url(/img/menu-close-dark.svg) no-repeat 100%;cursor:pointer;display:block;padding-left:1em}#TableOfContents{margin-top:0;max-height:100%;overflow:hidden}#TableOfContents>ul{list-style-type:none;padding-left:0}#TableOfContents>ul>li ul{list-style-type:none;padding-left:1em}input#tocToggle{display:none}input#tocToggle+label{font-weight:700}input#tocToggle:checked+label{background-image:url(/img/menu-open-dark.svg)}input#tocToggle:checked~#TableOfContents{max-height:0}.toc{background:#eee;font-size:.9rem;overflow-y:auto;padding-left:0;padding-top:1em}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:1rem}.is-collapsible{max-height:1000px;overflow:hidden}.is-collapsed{max-height:0}.is-position-fixed{position:fixed;top:0}
/*# sourceMappingURL=tocbot.css.map */

View file

@ -0,0 +1 @@
{"version":3,"sources":["hugo-toc.scss","tocbot.scss"],"names":[],"mappings":"AAIA,aAGE,gBAFA,AAJyB,gBACN,AAInB,wBAA8B,CAQ/B,AAVD,mBAKI,wDAAgE,AAEhE,eADA,AACe,cADD,AAEd,gBAAiB,CAClB,AAEH,iBAEE,aAAa,AACb,gBAFA,AAEgB,eAFA,CAWjB,AAZD,oBAKI,qBAAqB,AACrB,cAAe,CAKhB,AAXH,0BAQM,qBAAqB,AACrB,gBAAiB,CAClB,AAIL,gBACE,YAAa,CAYd,AAbD,sBAGI,eAAiB,CAClB,AAJH,8BAOM,6CAA8C,CAC/C,AARL,yCAUM,YAAa,CACd,ACtCL,KAGE,gBAFA,ADFyB,gBACN,ACEnB,gBAAgB,AAEhB,eAAkB,AAClB,eAAgB,CAQjB,AAbD,eAOI,gBAAgB,AAChB,iBAAkB,CAInB,AAZH,kBAUM,eAAgB,CACjB,AAGL,UACE,SAAS,AACT,iBAAkB,CACnB,AACD,gBACE,kBAAkB,AAClB,eAAgB,CACjB,AACD,cACE,YAAa,CACd,AACD,mBACE,eAAe,AACf,KAAM,CACP","file":"tocbot.css","sourcesContent":["// Hugo {{ .TableOfContents }}\n$toc-background-color: #eee;\n$toc-font-size: .9rem;\n\n.toc-wrapper {\n font-size: $toc-font-size;\n padding: 0.5em 0.5em 0.5em 0em;\n background: $toc-background-color;\n label {\n background: url(/img/menu-close-dark.svg) no-repeat right center;\n display: block;\n cursor: pointer;\n padding-left: 1em;\n }\n}\n#TableOfContents {\n overflow: hidden;\n margin-top: 0;\n max-height: 100%;\n > ul {\n list-style-type: none;\n padding-left: 0;\n > li ul {\n list-style-type: none;\n padding-left: 1em;\n }\n }\n}\n\ninput#tocToggle {\n display: none;\n + label {\n font-weight: bold;\n }\n &:checked {\n + label {\n background-image: url(/img/menu-open-dark.svg);\n }\n ~ #TableOfContents {\n max-height: 0;\n }\n }\n}\n","@import 'hugo-toc';\n\n.toc {\n font-size: $toc-font-size;\n overflow-y: auto;\n background: $toc-background-color;\n padding-left: 0rem;\n padding-top: 1em;\n > .toc-list {\n overflow: hidden;\n position: relative;\n li {\n list-style: none;\n }\n }\n}\n.toc-list {\n margin: 0;\n padding-left: 1rem;\n}\n.is-collapsible {\n max-height: 1000px;\n overflow: hidden;\n}\n.is-collapsed {\n max-height: 0;\n}\n.is-position-fixed {\n position: fixed;\n top: 0;\n}\n"]}