biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-11-17 21:24:15 +00:00
Code Issues Projects Releases Wiki Activity

about section finished

Browse Source
This commit is contained in:
Tancre
2020-09-30 18:51:32 +02:00
parent 49cbef62df
commit 7a776a7295
11 changed files with 327 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
app/assets/scss/modules/_page-section.scss
View File

@ -1,42 +1,85 @@
.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-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;
}
}
&--no-b-padding-until-large{
padding-bottom: 0;
@include atMedium(){
padding-bottom: 4.5rem;
}
}
&--blue{
background-color: blue;
&--red{
background-color: $myRed;
color: #fff;
}
&--testimonials{
background: #e0e6ef;
// @include atMedium(){
// &.lazyloaded {
// background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
// background-size: cover;
// }
// }
&--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 atMedium{
position: relative;
top: 70px;
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;
// // }
// // }
// }
}