rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update hero css

This commit is contained in:
rayelliott 2020-06-03 09:10:27 +00:00
parent 47d3a65ae6
commit 8950937c93
1 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/scss/_hero.scss
View File

@ -3,6 +3,7 @@ body.rwavw-custom {
height: 100vh; height: 100vh;
#home { #home {
position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -12,7 +13,21 @@ body.rwavw-custom {
align-items: center; align-items: center;
padding: 96px 90px 90px !important; padding: 96px 90px 90px !important;
text-shadow: 0 0 5px #000; text-shadow: 0 0 8em #000,
0 0 2em rgba(#000, 0.57),
0 0 0.5em rgba(#000, 0.1);
&::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(#000, 0.2);
}
> .section-top { > .section-top {
flex: 0 0 auto; flex: 0 0 auto;
@ -24,7 +39,7 @@ body.rwavw-custom {
> .pure-g { > .pure-g {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-between;
align-items: center; align-items: center;
height: 100%; height: 100%;
} }
@ -32,6 +47,7 @@ body.rwavw-custom {
.hero-cta { .hero-cta {
margin: 66px 0 44px; margin: 66px 0 44px;
text-shadow: none;
a { a {
margin: 0 11px; margin: 0 11px;
padding: 11px 22px; padding: 11px 22px;
@ -52,11 +68,20 @@ body.rwavw-custom {
} }
} }
h1, h2, h3, h4, h5, h6, p, a {
color: #fff;
font-family: Montserrat, Helvetica, sans-serif;
}
h1 { h1 {
margin: 44px 0; margin: 44px 0;
font-size: 90px; font-size: 90px;
font-weight: 400; font-weight: 400;
color: #fff; }
.heading-col-title {
font-size: 32px;
font-weight: 400;
} }
p { p {
@ -64,6 +89,10 @@ body.rwavw-custom {
font-size: 22px; font-size: 22px;
} }
.header-details {
text-transform: none;
}
} }