From 5a9c553920d4af4de198c6dfcbd4345b8bfb544b Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sun, 18 Mar 2018 21:15:40 +0100 Subject: [PATCH] header tweaks --- src/components/molecules/Header.scss | 8 ++++---- src/stylesheets/_variables.scss | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/molecules/Header.scss b/src/components/molecules/Header.scss index cfb809b..eb0252e 100644 --- a/src/components/molecules/Header.scss +++ b/src/components/molecules/Header.scss @@ -1,21 +1,21 @@ @import 'variables'; .header { - padding: $spacer / 4 $spacer / 2; + padding: $spacer / 2; } .header__title, .header__description { display: inline-block; + margin-bottom: 0; } .header__title { - margin-bottom: 0; - font-size: $font-size-h2; + font-size: $font-size-h3; margin-right: $spacer / 2; + color: $brand-main; } .header__description { - margin-bottom: 0; font-size: $font-size-large; } diff --git a/src/stylesheets/_variables.scss b/src/stylesheets/_variables.scss index 3e09ef9..e20c397 100644 --- a/src/stylesheets/_variables.scss +++ b/src/stylesheets/_variables.scss @@ -22,7 +22,7 @@ $text-color-light: $brand-grey-light; $font-size-root : 16px; $font-size-base : 1rem; -$font-size-large : 1.45rem; +$font-size-large : 1.2rem; $font-size-small : .8rem; $font-size-mini : .6rem; @@ -43,7 +43,7 @@ $font-color-base : $text-color; $font-family-monospace : Menlo, Monaco, Consolas, 'Courier New', monospace; $font-family-headings : 'brandon-grotesque', 'futura-pt', 'le-havre', 'Avenir Next', 'Helvetica Neue',Helvetica,Arial,sans-serif; -$font-weight-headings : 700; +$font-weight-headings : 500; $line-height-headings : 1.1; $color-headings: $brand-main;