biobulkbende.org/app/assets/scss/modules/_large-hero.scss

74 lines
1.0 KiB
SCSS
Raw Normal View History

2020-09-17 15:21:49 +00:00
.large-hero {
border-bottom: 10px solid white;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative;
&__image{
display: block;
}
&__text-content {
padding-top: 88px;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
transform: translateY(-50%);
text-align: center;
@include atMedium(){
padding-top: 60px;
}
}
&__title {
font-family: "CocogooseBold";
color: white;
2020-09-19 10:13:36 +00:00
font-size: 2.8rem;
2020-09-17 15:21:49 +00:00
margin: 0;
@include atSmall(){
2020-09-19 10:13:36 +00:00
font-size: 3.2rem;
}
@include atMedium(){
2020-09-17 15:21:49 +00:00
font-size: 4.8rem;
}
}
&__subtitle {
2020-09-18 20:01:59 +00:00
// font-family: "CocogooseNormal";
font-weight: 400;
2020-09-17 15:21:49 +00:00
color: white;
font-size: 1.5rem;
margin: 0;
@include atSmall(){
2020-09-19 10:13:36 +00:00
font-size: 1.8rem;
2020-09-17 15:21:49 +00:00
}
2020-09-19 10:13:36 +00:00
@include atMedium(){
font-size: 2.4rem;
}
2020-09-17 15:21:49 +00:00
}
&__description {
color: #FFF;
font-weight: 00;
font-size: 1.1rem;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
@include atSmall(){
2020-09-19 10:13:36 +00:00
font-size: 1.3rem;
2020-09-17 15:21:49 +00:00
}
2020-09-19 10:13:36 +00:00
@include atMedium(){
font-size: 1.875rem;
}
2020-09-17 15:21:49 +00:00
}
}