From 7e57d059e02e3ad7fb8846f73c96a7c598b830b6 Mon Sep 17 00:00:00 2001 From: Achilleas Pipinellis Date: Fri, 8 Sep 2017 09:30:29 +0200 Subject: Make page more readable --- content/assets/stylesheets/toc.scss | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'content/assets/stylesheets/toc.scss') diff --git a/content/assets/stylesheets/toc.scss b/content/assets/stylesheets/toc.scss index 9f7b8f20..5034e9b5 100644 --- a/content/assets/stylesheets/toc.scss +++ b/content/assets/stylesheets/toc.scss @@ -6,8 +6,9 @@ version: 2 // ToC styles .breadcrumbs + ul, .doc-nav > ul, .quick-nav ul { - padding: 20px; background: $body-background-color; + padding: 20px; + margin-top: 60px; li { list-style: none; @@ -22,8 +23,12 @@ version: 2 .doc-nav, .quick-nav { h4 { padding-bottom: 5px; - border-bottom: solid 1px $h1-border-bottom; } + + li > a { + font-size: 14px; + } + } .clear { @@ -41,8 +46,6 @@ version: 2 } .doc-nav > ul { - border-bottom: 2px solid $thead-border-color; - border-top: 2px solid $thead-border-color; margin: 0; } @@ -58,7 +61,6 @@ version: 2 } } - // wide enough to show toc but not quick nav @media(min-width:1100px) { .header { @@ -93,6 +95,7 @@ version: 2 width: 25%; } } + @media(min-width:1100px) and (max-width:1600px) { .quick-nav { display: none; @@ -110,7 +113,6 @@ version: 2 } } - // wide enough to show quick nav and toc @media(min-width:1601px) { .main.class.has-toc { -- cgit v1.2.3