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/_variables.scss | 4 ++-- content/assets/stylesheets/stylesheet.scss | 5 +---- content/assets/stylesheets/toc.scss | 14 ++++++++------ 3 files changed, 11 insertions(+), 12 deletions(-) diff --git a/content/assets/stylesheets/_variables.scss b/content/assets/stylesheets/_variables.scss index 1232c71b..a0680c9b 100644 --- a/content/assets/stylesheets/_variables.scss +++ b/content/assets/stylesheets/_variables.scss @@ -10,8 +10,8 @@ $sans-font-family: "Open Sans", "Source Sans Pro", sans-serif; $body-font-size: 15px; // Link colors -$link-color: #3084bb; -$link-color-hover: #20597e; +$link-color: rgb(32, 137, 196); +$link-color-hover: rgb(79, 172, 225); $link-code-color: rgb(55, 119, 176); // Inline code colors diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index 9ae7b5b5..d956337b 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -1,5 +1,5 @@ --- -version: 19 +version: 20 --- @import "variables"; @@ -20,7 +20,6 @@ body { a, a:visited { text-decoration: none; - color: $link-color; &:hover { color: $link-color-hover; @@ -160,8 +159,6 @@ h6 { position: relative; width: auto; max-width: 900px; - box-shadow: 0 3px 3px $main-box-shadow; - background: $main-background-color; a { text-decoration: none; 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 From 4f4e1e060c9b396203bb5485a768c15e801d32da Mon Sep 17 00:00:00 2001 From: Achilleas Pipinellis Date: Fri, 8 Sep 2017 11:00:46 +0200 Subject: Fix scss-lint --- content/assets/stylesheets/toc.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/content/assets/stylesheets/toc.scss b/content/assets/stylesheets/toc.scss index 5034e9b5..040f6a48 100644 --- a/content/assets/stylesheets/toc.scss +++ b/content/assets/stylesheets/toc.scss @@ -25,10 +25,9 @@ version: 2 padding-bottom: 5px; } - li > a { + li > a { font-size: 14px; } - } .clear { -- cgit v1.2.3 From 63ac39988f6b869c99bdf488450f504259bedfbc Mon Sep 17 00:00:00 2001 From: Achilleas Pipinellis Date: Fri, 8 Sep 2017 17:11:16 +0200 Subject: Bring back the background color --- content/assets/stylesheets/stylesheet.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index d956337b..271f4bcf 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -159,6 +159,8 @@ h6 { position: relative; width: auto; max-width: 900px; + box-shadow: 0 3px 3px $main-box-shadow; + background: $main-background-color; a { text-decoration: none; -- cgit v1.2.3