From a62a3e7755579d93ce3a87243dd277575930fffe Mon Sep 17 00:00:00 2001 From: Julio Capote Date: Mon, 5 Nov 2018 21:49:16 -0500 Subject: init --- themes/even/src/css/_partial/_post/_toc.scss | 55 ++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 themes/even/src/css/_partial/_post/_toc.scss (limited to 'themes/even/src/css/_partial/_post/_toc.scss') diff --git a/themes/even/src/css/_partial/_post/_toc.scss b/themes/even/src/css/_partial/_post/_toc.scss new file mode 100644 index 0000000..8327055 --- /dev/null +++ b/themes/even/src/css/_partial/_post/_toc.scss @@ -0,0 +1,55 @@ +.post-toc { + position: absolute; + width: $post-toc-width; + margin-left: $post-toc-margin-left; + padding: 10px; + font-family: $global-serif-font-family; + border-radius: 5px; + background: $post-toc-backgroud; + box-shadow: 1px 1px 2px rgba(0,0,0,0.125); + word-wrap: break-word; + box-sizing: border-box; + + .post-toc-title { + margin: 0 10px; + font-size: $post-toc-title-size; + font-weight: 400; + text-transform: uppercase; + } + + .post-toc-content { + font-size: $post-toc-content; + + &.always-active ul { + display: block; + } + + >nav>ul { + margin: 10px 0; + } + + ul { + padding-left: 20px; + list-style: $post-toc-list-style; + + ul { + padding-left: 15px; + display: none; + } + + .has-active > ul { + display: block; + } + } + + .toc-link.active { + color: $theme-color; + } + } +} + +@include max-screen($toc-max-sreen-width) { + .post-toc { + display: none; + } +} -- cgit v1.2.3