fixed margins video

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

View File

@ -1,73 +1,71 @@
.page-section{
.page-section {
position: relative;
&--t-margin-external{
&--t-margin-external {
margin-top: -70px;
}
&--b-margin-external{
@include atMedium(){
&--b-margin-external {
@include atMedium() {
margin-bottom: -140px;
}
}
&--tb-padding{
&--tb-padding {
padding: 1.2rem 0;
@include atMedium(){
@include atMedium() {
position: unset;
padding: 4.5rem 0;
}
}
&--t-padding{
&--t-padding {
padding-top: 5.2rem;
@include atMedium(){
@include atMedium() {
position: unset;
padding-top: 4.5rem;
}
&-larger{
&-larger {
padding-top: 5.2rem;
@include atMedium(){
@include atMedium() {
position: unset;
padding-top: 6rem;
}
}
}
&--b-padding-small{
&--b-padding-small {
padding-bottom: 1rem;
@include atMedium(){
@include atMedium() {
position: unset;
padding-top: 3.8rem;
}
}
&--b-margin{
&--b-margin {
margin-bottom: 70px;
@include atMedium{
margin-bottom: -140px;
@include atMedium {
margin-bottom: -155px;
}
}
&--red{
&--red {
background-color: $myRed;
color: #fff;
}
&--darkGreen{
&--darkGreen {
background-color: $myDarkGreen;
color: #fff;
}
&--lightGreen{
&--lightGreen {
background-color: $myLightGreen;
color: #fff;
}

View File

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

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;
}