biobulkbende.org/app/assets/scss/modules/_page-section.scss
2020-10-07 16:19:57 +02:00

93 lines
1.4 KiB
SCSS

.page-section{
padding: 1.2rem 0;
position: relative;
@include atMedium(){
position: unset;
padding: 4.5rem 0;
}
// &--no-b-padding-until-medium{
// padding-bottom: 0;
// @include atMedium(){
// padding-bottom: 4.5rem;
// }
// }
// &--no-b-padding-until-large{
// padding-bottom: 0;
// @include atMedium(){
// padding-bottom: 4.5rem;
// }
// }
&--b-margin{
margin-bottom: 70px;
@include atMedium{
margin-bottom: -140px;
}
}
&--red{
background-color: $myRed;
color: #fff;
}
&--darkGreen{
background-color: $myDarkGreen;
color: #fff;
}
&--lightGreen{
background-color: $myLightGreen;
color: #fff;
}
&--arrow-down{
width: 0;
height: 0;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
border-top: 85px solid $myRed;
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
@include atSmall{
position: relative;
top: -10px;
margin: auto;
left: 0;
transform: translateX(0%);
}
@include atMedium{
position: relative;
top: 20px;
margin: auto;
left: 0;
transform: translateX(0%);
}
}
// &--testimonials{
// background: #e0e6ef;
// // @include atMedium(){
// // &.lazyloaded {
// // background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
// // background-size: cover;
// // }
// // }
// }
}