H1 tweak, unitless line-heights

This commit is contained in:
Jason Costello 2017-02-23 17:28:54 -08:00
parent 93209e11bf
commit 6e068b8c30
2 changed files with 21 additions and 4 deletions

View File

@ -14,13 +14,14 @@ body {
} }
h1 { h1 {
font-size: 42px; font-size: 48px;
line-height: 42px; line-height: 1;
margin-bottom: 24px; margin-bottom: 24px;
} }
h2 { h2 {
font-size: 36px; font-size: 36px;
line-height: 1.2;
margin-top: 70px; margin-top: 70px;
} }
@ -30,7 +31,7 @@ h1 + h2 {
h3 { h3 {
font-size: 24px; font-size: 24px;
line-height: 28px; line-height: 1.2;
} }
p, a { p, a {

View File

@ -27,7 +27,6 @@
h1 { h1 {
color: $purple-text; color: $purple-text;
// font-size: 55px;
line-height: 1; line-height: 1;
margin-top: 350px; margin-top: 350px;
} }
@ -126,3 +125,20 @@
} }
} }
} }
@media (max-width: 480px) {
.page-home {
.hero {
background: $gray-background image-url("vagrant_header_background.png") no-repeat center -60px;
background-size: 1292px 532px;
.hero-content {
hgroup {
h1 {
margin-top: 280px;
}
}
}
}
}
}