kidwellj/findcommonground.uk
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Neatened up masthead & added a blog description

Browse source
This commit is contained in:
Barry Clark 2014-04-30 09:18:14 -04:00
parent bf24977d08
commit a7bbdb4cef
3 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_layouts/default.html
View file

@ -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>

14
scss/style.scss
View file

@ -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;

14
style.css
View file

@ -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) {