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

Full width header/footer with background colors

Browse source
This commit is contained in:
Barry Clark 2014-05-17 16:35:19 -04:00
parent 1f2db3b048
commit e37987061f
3 changed files with 67 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

28
scss/style.scss
View file

@ -17,7 +17,6 @@ html {
}
body {
max-width: 740px;
margin: 0 auto;
background: $white;
@ -25,6 +24,13 @@ body {
color: $darkGray;
}
.container {
margin: 0 auto;
max-width: 740px;
padding: 0 20px;
width: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family: $helveticaNeue;
color: $darkerGray;
@ -141,10 +147,13 @@ img {
// .masthead
//
.wrapper-masthead {
background-color: #e8e8f2;
margin-bottom: 50px;
}
.masthead {
margin: 20px 0 30px;
padding-bottom: 20px;
border-bottom: 1px dotted $lightGray;
padding: 25px 0;
}
.avatar {
@ -179,6 +188,7 @@ img {
font-size: 16px;
margin: 0;
margin-top: -5px;
color: $darkGray;
}
nav {
@ -219,6 +229,10 @@ nav {
// .main
//
.wrapper-posts {
}
.posts > .post {
padding-bottom: 2em;
border-bottom: 1px solid $lighterGray;
@ -235,8 +249,12 @@ nav {
}
}
.wrapper-footer {
background-color: #eee;
border-top: 1px solid #ddd;
}
footer {
// border-top: 1px $lightGray solid;
padding: 20px 0;
text-align: center;