biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2024-12-26 04:55:24 +00:00
Code Issues Projects Releases Wiki Activity

fixed margins video

Browse Source
This commit is contained in:
Tancre 2020-11-25 12:21:18 +01:00
parent cf5eb9813d
commit 8ec16a639e
3 changed files with 69 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,86 +1,84 @@
.page-section{ .page-section {
position: relative; position: relative;
&--t-margin-external{ &--t-margin-external {
margin-top: -70px; margin-top: -70px;
} }
&--b-margin-external{ &--b-margin-external {
@include atMedium() {
margin-bottom: -140px;
}
}
@include atMedium(){ &--tb-padding {
margin-bottom: -140px; padding: 1.2rem 0;
}
}
&--tb-padding{ @include atMedium() {
padding: 1.2rem 0; position: unset;
padding: 4.5rem 0;
}
}
@include atMedium(){ &--t-padding {
position: unset; padding-top: 5.2rem;
padding: 4.5rem 0;
}
}
&--t-padding{ @include atMedium() {
padding-top: 5.2rem; position: unset;
padding-top: 4.5rem;
}
@include atMedium(){ &-larger {
position: unset; padding-top: 5.2rem;
padding-top: 4.5rem;
}
&-larger{ @include atMedium() {
padding-top: 5.2rem; position: unset;
padding-top: 6rem;
}
}
}
@include atMedium(){ &--b-padding-small {
position: unset; padding-bottom: 1rem;
padding-top: 6rem;
}
}
}
&--b-padding-small{ @include atMedium() {
padding-bottom: 1rem; position: unset;
padding-top: 3.8rem;
}
}
@include atMedium(){ &--b-margin {
position: unset; margin-bottom: 70px;
padding-top: 3.8rem;
}
}
@include atMedium {
margin-bottom: -155px;
}
}
&--b-margin{ &--red {
margin-bottom: 70px; background-color: $myRed;
color: #fff;
}
@include atMedium{ &--darkGreen {
margin-bottom: -140px; background-color: $myDarkGreen;
} color: #fff;
} }
&--red{ &--lightGreen {
background-color: $myRed; background-color: $myLightGreen;
color: #fff; color: #fff;
} }
&--darkGreen{ // &--testimonials{
background-color: $myDarkGreen; // background: #e0e6ef;
color: #fff;
}
&--lightGreen{ // // @include atMedium(){
background-color: $myLightGreen;
color: #fff;
}
// &--testimonials{ // // &.lazyloaded {
// background: #e0e6ef; // // background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
// // background-size: cover;
// // @include atMedium(){ // // }
// // }
// // &.lazyloaded { // }
// // background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat; }
// // background-size: cover;
// // }
// // }
// }
}

2
app/assets/scss/modules/_video-container.scss
View File

@ -16,7 +16,7 @@
} }
@include atLarge { @include atLarge {
padding-bottom: 54.5%; padding-bottom: 55.7%;
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;
} }

4
docs/assets/styles/style.css
View File

@ -767,7 +767,7 @@ a {
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.page-section--b-margin-external { .page-section--b-margin-external {
margin-bottom: -140px; margin-bottom: -155px;
} }
} }
.page-section--tb-padding { .page-section--tb-padding {
@ -1008,7 +1008,7 @@ a {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.video-container { .video-container {
padding-bottom: 54.5%; padding-bottom: 55.7%;
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;
} }