diff options
author | Barry Clark <barry@barryclark.co> | 2014-04-30 09:18:14 -0400 |
---|---|---|
committer | Barry Clark <barry@barryclark.co> | 2014-04-30 09:19:33 -0400 |
commit | a7bbdb4cef43ad8c32fd350ade5c5aecc82724fa (patch) | |
tree | 0d4a5d84378db9be4e97a5f8dc884ef1f2aa5331 | |
parent | bf24977d08534e2c0a45c7f75b56fbc2dd5427e0 (diff) | |
download | kompetenzbolzen.github.io-a7bbdb4cef43ad8c32fd350ade5c5aecc82724fa.tar.gz |
Neatened up masthead & added a blog description
-rw-r--r-- | _layouts/default.html | 1 | ||||
-rwxr-xr-x | scss/style.scss | 14 | ||||
-rw-r--r-- | style.css | 14 |
3 files changed, 17 insertions, 12 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index 0d06cdb..77e9cd9 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -23,6 +23,7 @@ <header class="masthead"> <a href="/" class="site-name"><img src="{{ site.avatar }}" class="avatar" /></a> <a href="/" class="site-name">{{ site.name }}</a> + <br><br> <p class="site-description">{{ site.description }}</p> <nav> diff --git a/scss/style.scss b/scss/style.scss index fd5bf1a..273070b 100755 --- a/scss/style.scss +++ b/scss/style.scss @@ -17,7 +17,7 @@ html { } body { - max-width: 680px; + max-width: 740px; margin: 0 auto; background: $white; @@ -146,9 +146,9 @@ img { .avatar { float: left; - width: 35px; + width: 70px; - margin-right: 10px; + margin-right: 15px; border-radius: 5px; } @@ -157,7 +157,7 @@ img { font-family: $helveticaNeue; font-weight: 300; - font-size: 24px; + font-size: 31px; letter-spacing: 1px; @include mobile { font-size: 22px; @@ -173,12 +173,14 @@ img { .site-description { float: left; - font-size: 14px; - display: none; + font-size: 16px; + margin: 0; + margin-top: -5px; } nav { float: right; + margin-top: -25px; // @TODO - containers for nav and content blocks in header font-family: $helveticaNeue; font-size: 18px; @@ -318,7 +318,7 @@ html { font-size: 100%; } body { - max-width: 680px; + max-width: 740px; margin: 0 auto; background: white; font: 18px/1.4 Helvetica, Arial, sans-serif; @@ -414,15 +414,15 @@ img { .avatar { float: left; - width: 35px; - margin-right: 10px; + width: 70px; + margin-right: 15px; border-radius: 5px; } .site-name { float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; - font-size: 24px; + font-size: 31px; letter-spacing: 1px; text-decoration: none; cursor: pointer; @@ -435,11 +435,13 @@ img { .site-description { float: left; - font-size: 14px; - display: none; } + font-size: 16px; + margin: 0; + margin-top: -5px; } nav { float: right; + margin-top: -25px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; } @media screen and (max-width: 520px) { |