gulp-web/src/scss/_hero.scss

73 lines
1.0 KiB
SCSS

body.rwavw-custom {
.widget.rwavw-hero {
height: 100vh;
#home {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 96px 90px 90px !important;
text-shadow: 0 0 5px #000;
> .section-top {
flex: 0 0 auto;
}
> .section-cols {
flex: 0 1 100%;
> .pure-g {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
height: 100%;
}
}
.hero-cta {
margin: 66px 0 44px;
a {
margin: 0 11px;
padding: 11px 22px;
font-size: 22px;
font-weight: 600;
border: 3px solid #fff;
&:first-child {
color: #000;
background-color: #fff;
}
&:last-child {
color: #fff;
background-color: transparent;
}
}
}
h1 {
margin: 44px 0;
font-size: 90px;
font-weight: 400;
color: #fff;
}
p {
margin-bottom: 22px;
font-size: 22px;
}
}
}
}