biobulkbende.org/app/assets/scss/modules/_page-section.scss

97 lines
1.4 KiB
SCSS
Raw Normal View History

2020-09-24 18:24:52 +00:00
.page-section{
2020-09-30 16:51:32 +00:00
position: relative;
2020-10-09 12:48:01 +00:00
&--tb-padding{
padding: 1.2rem 0;
2020-09-24 18:24:52 +00:00
2020-10-09 12:48:01 +00:00
@include atMedium(){
position: unset;
padding: 4.5rem 0;
}
2020-09-24 18:24:52 +00:00
}
2020-10-09 12:48:01 +00:00
&--t-padding{
padding-top: 1.2rem;
2020-09-24 18:24:52 +00:00
2020-10-09 12:48:01 +00:00
@include atMedium(){
position: unset;
padding-top: 4.5rem;
}
}
2020-09-30 16:51:32 +00:00
2020-10-09 12:48:01 +00:00
&--b-padding-small{
padding-bottom: 1rem;
2020-09-24 18:24:52 +00:00
2020-10-09 12:48:01 +00:00
@include atMedium(){
position: unset;
padding-top: 3.8rem;
}
}
2020-09-24 18:24:52 +00:00
2020-09-30 16:51:32 +00:00
&--b-margin{
margin-bottom: 70px;
@include atMedium{
margin-bottom: -140px;
2020-09-24 18:24:52 +00:00
}
}
2020-09-30 16:51:32 +00:00
&--red{
background-color: $myRed;
color: #fff;
}
&--darkGreen{
background-color: $myDarkGreen;
2020-09-24 18:24:52 +00:00
color: #fff;
}
2020-09-30 16:51:32 +00:00
&--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%);
2020-10-07 14:19:57 +00:00
@include atSmall{
position: relative;
top: -10px;
margin: auto;
left: 0;
transform: translateX(0%);
}
2020-09-30 16:51:32 +00:00
@include atMedium{
position: relative;
2020-10-07 14:19:57 +00:00
top: 20px;
2020-09-30 16:51:32 +00:00
margin: auto;
left: 0;
transform: translateX(0%);
}
}
2020-10-09 12:48:01 +00:00
2020-09-30 16:51:32 +00:00
// &--testimonials{
// background: #e0e6ef;
2020-09-24 18:24:52 +00:00
2020-09-30 16:51:32 +00:00
// // @include atMedium(){
2020-09-24 18:24:52 +00:00
2020-09-30 16:51:32 +00:00
// // &.lazyloaded {
// // background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
// // background-size: cover;
// // }
// // }
// }
2020-09-24 18:24:52 +00:00
}