biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-10-19 10:16:31 +00:00
Code Issues Projects Releases Wiki Activity

test for header and hero image

Browse Source
This commit is contained in:
Tancre
2020-09-17 17:21:49 +02:00
parent 8a629f6015
commit 575743cfa8
50 changed files with 168 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
app/assets/scss/modules/_large-hero.scss Normal file
View File

@ -0,0 +1,61 @@
.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;
font-size: 2.4rem;
margin: 0;
@include atSmall(){
font-size: 4.8rem;
}
}
&__subtitle {
font-family: "CocogooseNormal";
color: white;
font-size: 1.5rem;
margin: 0;
@include atSmall(){
font-size: 2.9rem;
}
}
&__description {
color: #FFF;
font-weight: 00;
font-size: 1.1rem;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
@include atSmall(){
font-size: 1.875rem;
}
}
}