biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2024-11-13 03:40:50 +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{
position: relative;
.page-section {
position: relative;
&--t-margin-external{
margin-top: -70px;
}
&--t-margin-external {
margin-top: -70px;
}
&--b-margin-external{
&--b-margin-external {
@include atMedium() {
margin-bottom: -140px;
}
}
@include atMedium(){
margin-bottom: -140px;
}
}
&--tb-padding {
padding: 1.2rem 0;
&--tb-padding{
padding: 1.2rem 0;
@include atMedium() {
position: unset;
padding: 4.5rem 0;
}
}
@include atMedium(){
position: unset;
padding: 4.5rem 0;
}
}
&--t-padding {
padding-top: 5.2rem;
&--t-padding{
padding-top: 5.2rem;
@include atMedium() {
position: unset;
padding-top: 4.5rem;
}
@include atMedium(){
position: unset;
padding-top: 4.5rem;
}
&-larger {
padding-top: 5.2rem;
&-larger{
padding-top: 5.2rem;
@include atMedium() {
position: unset;
padding-top: 6rem;
}
}
}
@include atMedium(){
position: unset;
padding-top: 6rem;
}
}
}
&--b-padding-small {
padding-bottom: 1rem;
&--b-padding-small{
padding-bottom: 1rem;
@include atMedium() {
position: unset;
padding-top: 3.8rem;
}
}
@include atMedium(){
position: unset;
padding-top: 3.8rem;
}
}
&--b-margin {
margin-bottom: 70px;
@include atMedium {
margin-bottom: -155px;
}
}
&--b-margin{
margin-bottom: 70px;
&--red {
background-color: $myRed;
color: #fff;
}
@include atMedium{
margin-bottom: -140px;
}
}
&--darkGreen {
background-color: $myDarkGreen;
color: #fff;
}
&--red{
background-color: $myRed;
color: #fff;
}
&--lightGreen {
background-color: $myLightGreen;
color: #fff;
}
&--darkGreen{
background-color: $myDarkGreen;
color: #fff;
}
// &--testimonials{
// background: #e0e6ef;
&--lightGreen{
background-color: $myLightGreen;
color: #fff;
}
// // @include atMedium(){
// &--testimonials{
// background: #e0e6ef;
// // @include atMedium(){
// // &.lazyloaded {
// // background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
// // background-size: cover;
// // }
// // }
// }
}
// // &.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 {
padding-bottom: 54.5%;
padding-bottom: 55.7%;
margin-right: 0px;
margin-left: 0px;
}

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

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