You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openpower.foundation_sw_dev/themes/openpowerfoundation/assets/css/promo.scss

55 lines
1.0 KiB
SCSS

.promo {
&__section {
position: relative;
padding-top: 150px;
@media screen and (max-width: $lg) {
min-height:460px;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
min-height:580px;
}
color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
&::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
background-color: rgba(24, 38, 54, 0.4);
}
}
&__container {
position: relative;
margin-bottom: 70px;
@media screen and (max-width: $lg) {
padding-top:17.5vw;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
padding-top:10vw;
}
.promo-wrapper {
width: 50%;
@media screen and (max-width: $lg) {
width:100%;
}
}
}
&__title {
&._large {
font-size: calc(1.525rem + 3.3vw);
@media (min-width: 1200px) {
font-size: 4rem;
}
}
}
}