From 8ec16a639e1b92b56265ab1bd3c965d8d048651e Mon Sep 17 00:00:00 2001
From: Tancre <outisisout@gmail.com>
Date: Wed, 25 Nov 2020 12:21:18 +0100
Subject: [PATCH] fixed margins video

---
 app/assets/scss/modules/_page-section.scss    | 134 +++++++++---------
 app/assets/scss/modules/_video-container.scss |   2 +-
 docs/assets/styles/style.css                  |   4 +-
 3 files changed, 69 insertions(+), 71 deletions(-)

diff --git a/app/assets/scss/modules/_page-section.scss b/app/assets/scss/modules/_page-section.scss
index 2487e01..d094ae2 100644
--- a/app/assets/scss/modules/_page-section.scss
+++ b/app/assets/scss/modules/_page-section.scss
@@ -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;
-	// 	// 	}
-	// 	// }
-	// }
-}
\ No newline at end of file
+  // 	// 	&.lazyloaded {
+  // 	// 		background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
+  // 	// 		background-size: cover;
+  // 	// 	}
+  // 	// }
+  // }
+}
diff --git a/app/assets/scss/modules/_video-container.scss b/app/assets/scss/modules/_video-container.scss
index acd7879..59f3315 100644
--- a/app/assets/scss/modules/_video-container.scss
+++ b/app/assets/scss/modules/_video-container.scss
@@ -16,7 +16,7 @@
   }
 
   @include atLarge {
-    padding-bottom: 54.5%;
+    padding-bottom: 55.7%;
     margin-right: 0px;
     margin-left: 0px;
   }
diff --git a/docs/assets/styles/style.css b/docs/assets/styles/style.css
index e4f5df8..bd10273 100644
--- a/docs/assets/styles/style.css
+++ b/docs/assets/styles/style.css
@@ -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;
   }