From 92657c58eeb0ed00ea308ba3e76b4f287277e322 Mon Sep 17 00:00:00 2001 From: Harald Eilertsen Date: Tue, 25 Aug 2015 15:51:16 +0200 Subject: Add dimmed text color and style page footer. --- blog/_assets/stylesheets/_config.scss | 1 + blog/_assets/stylesheets/main.scss | 5 +++++ 2 files changed, 6 insertions(+) diff --git a/blog/_assets/stylesheets/_config.scss b/blog/_assets/stylesheets/_config.scss index 68fb2b6..2b91952 100644 --- a/blog/_assets/stylesheets/_config.scss +++ b/blog/_assets/stylesheets/_config.scss @@ -1,5 +1,6 @@ $body-bg: black; $text-color: #aaa; +$dimmed-text-color: darken($text-color, 20%); $link-color: #686; $link-hover-color: lighten(#686, 5%); $side-bar-background: rgba(20, 20, 20, 0.7); diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss index 23a1fe8..f2a84a7 100644 --- a/blog/_assets/stylesheets/main.scss +++ b/blog/_assets/stylesheets/main.scss @@ -37,6 +37,10 @@ h1 { right: auto; } footer { + border: { + top: 1px solid $dimmed-text-color; + } + color: $dimmed-text-color; clear: both; } } @@ -115,6 +119,7 @@ h1 { &.wide { width: 100%; + float: none; } } } -- cgit v1.2.3