nunta/scss/_masthead.scss

51 lines
1.1 KiB
SCSS
Raw Normal View History

// Styling for the masthead
header.masthead {
2017-08-11 21:12:34 +02:00
text-align: center;
color: white;
background-image: url('../img/header-bg.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
@include background-cover;
.intro-text {
padding-top: 150px;
padding-bottom: 100px;
.intro-lead-in {
font-size: 22px;
font-style: italic;
line-height: 22px;
margin-bottom: 25px;
@include serif-font;
}
.intro-heading {
font-size: 50px;
font-weight: 700;
line-height: 50px;
margin-bottom: 25px;
@include heading-font;
}
2017-08-11 21:12:34 +02:00
}
}
@media(min-width:768px) {
2017-08-11 21:12:34 +02:00
header.masthead {
.intro-text {
padding-top: 300px;
padding-bottom: 200px;
.intro-lead-in {
font-size: 40px;
font-style: italic;
line-height: 40px;
margin-bottom: 25px;
@include serif-font;
}
.intro-heading {
font-size: 75px;
font-weight: 700;
line-height: 75px;
margin-bottom: 50px;
@include heading-font;
}
}
2017-08-11 21:12:34 +02:00
}
}