website: header padding

This commit is contained in:
Mitchell Hashimoto 2013-06-20 19:12:18 -07:00
parent a5434c4392
commit 4596919826
2 changed files with 3 additions and 21 deletions

View File

@ -1,32 +1,14 @@
.hero {
height: $hero-height;
background: #000000 url(/images/hero_image.jpg) no-repeat 30px -5px;
background: #000000 url(/images/hero_image.jpg) no-repeat 35px -50px;
background-size: 960px 467px;
@include respond-to(mobile) {
margin-right: -20px;
margin-left: -20px;
background-size: cover;
}
h2 {
margin-top: $baseline * 5.5;
@include respond-to(mobile) {
background-position: center bottom;
margin-top: $baseline * 4;
margin-left: 20px;
width: 80%;
font-size: 28px;
line-height: (35/30);
}
margin-top: 60px;
}
}
.belt {
@include respond-to(mobile) {
margin-right: -20px;
margin-left: -20px;
}
&.download {
background-color: $white;
@extend .padded-sm;

View File

@ -33,7 +33,7 @@ $button-height: 60px;
// components
$nav-height: 100px;
$hero-height: 500px;
$hero-height: 440px;
$docs-top-margin: 60px;
$sidebar-background-color: $dark-background;
$sidebar-width: 250px;