_sass/hamilton/layout.scss in hamilton-0.2.0 vs _sass/hamilton/layout.scss in hamilton-0.2.1

- old
+ new

@@ -200,71 +200,76 @@ .post-content { width: 100%; } .post-aside { - min-width: 30%; + @include relative-font-size(0.8); + max-width: 30%; + min-width: 20%; height: 100vh; position: sticky; top: 0; margin-left: $spacing-unit / 2; @include media-query($on-medium) { visibility: hidden; max-width: 0%; min-width: 0%; + margin-left: 0; } } } +.post-toc-title { + @include relative-font-size(0.95); + padding: $spacing-unit / 2; + margin-top: $spacing-unit / 2; + margin-bottom: 0; + border: 1px solid; + border-top-left-radius: 0.3em; + border-top-right-radius: 0.3em; +} + .post-toc-container { - @include relative-font-size(0.8); max-height: 60vh; overflow-y: scroll; border: 1px solid; - border-radius: 0.3em; - margin-top: $spacing-unit / 2; + border-bottom-left-radius: 0.3em; + border-bottom-right-radius: 0.3em; - .post-toc-title { - padding: $spacing-unit / 2; - margin-bottom: 0; + ul { + list-style: none; + margin: 0; + padding: 0; + width: 100%; } - .post-toc { - ul { - list-style: none; - margin: 0; - padding: 0; - width: 100%; - } + a { + display: block; + padding: 0.25rem 0.75rem; + font-weight: bold; + border-bottom: 1px solid; + } - a { - display: block; - padding: 0.25rem 0.75rem; - font-weight: bold; - border-bottom: 1px solid; - } - - li ul > li a { - padding-left: 1.25rem; - font-weight: normal; - } - - li ul li ul > li a { - padding-left: 1.75rem; - } - - li ul li ul li ul > li a { - padding-left: 2.25rem; - } - - li ul li ul li ul li ul > li a { - padding-left: 2.75rem; - } - - li ul li ul li ul li ul li ul > li a { - padding-left: 3.25rem - } + li ul > li a { + padding-left: 1.25rem; + font-weight: normal; + } + + li ul li ul > li a { + padding-left: 1.75rem; + } + + li ul li ul li ul > li a { + padding-left: 2.25rem; + } + + li ul li ul li ul li ul > li a { + padding-left: 2.75rem; + } + + li ul li ul li ul li ul li ul > li a { + padding-left: 3.25rem } } .post-title, .post-content h1 {