Sophisticated Business: Fix vertical margins for Blocks to be 1 vertical spacing unit, See #745

sophisticated-business/sass/blocks/_blocks.scss

@@ -38,8 +38,8 @@
 		clear: both;
 
 		@include media(tablet) {
-			margin-top: calc(2 * #{$size__vertical-spacing-unit});
-			margin-bottom: calc(2 * #{$size__vertical-spacing-unit});
+			margin-top: $size__vertical-spacing-unit;
+			margin-bottom: $size__vertical-spacing-unit;
 			left: calc( -12.5% - 75px );
 			width: calc( 125% + 150px );
 			max-width: calc( 125% + 150px );
@@ -122,8 +122,8 @@
 	& > h4,
 	& > h5,
 	& > h6 {
-		margin-top: #{$size__vertical-spacing-unit * 2};
-		margin-bottom: #{$size__vertical-spacing-unit * 2};
+		margin-top: $size__vertical-spacing-unit;
+		margin-bottom: $size__vertical-spacing-unit;
 		text-align: center;
 	}
 
@@ -678,8 +678,8 @@
 		background-color: $color__background-hr;
 		border: 0;
 		height: 2px;
-		margin-bottom: (2 * $size__vertical-spacing-unit);
-		margin-top: (2 * $size__vertical-spacing-unit);
+		margin-bottom: $size__vertical-spacing-unit;
+		margin-top: $size__vertical-spacing-unit;
 		max-width: 5em;
 		text-align: left;
 

sophisticated-business/style-rtl.css

@@ -3350,8 +3350,8 @@ body.page .main-navigation {
 @media only screen and (min-width: 768px) {
   .entry .entry-content > *.alignfull,
   .entry .entry-summary > *.alignfull {
-    margin-top: calc(2 * 32px);
-    margin-bottom: calc(2 * 32px);
+    margin-top: 32px;
+    margin-bottom: 32px;
     right: calc( -12.5% - 75px);
     width: calc( 125% + 150px);
     max-width: calc( 125% + 150px);
@@ -3456,8 +3456,8 @@ body.page .main-navigation {
 .entry .entry-content > h4,
 .entry .entry-content > h5,
 .entry .entry-content > h6 {
-  margin-top: 64px;
-  margin-bottom: 64px;
+  margin-top: 32px;
+  margin-bottom: 32px;
   text-align: center;
 }
 
@@ -4050,8 +4050,8 @@ body.page .main-navigation {
   background-color: #595959;
   border: 0;
   height: 2px;
-  margin-bottom: 64px;
-  margin-top: 64px;
+  margin-bottom: 32px;
+  margin-top: 32px;
   max-width: 5em;
   text-align: right;
 }

sophisticated-business/style.css

@@ -3356,8 +3356,8 @@ body.page .main-navigation {
 @media only screen and (min-width: 768px) {
   .entry .entry-content > *.alignfull,
   .entry .entry-summary > *.alignfull {
-    margin-top: calc(2 * 32px);
-    margin-bottom: calc(2 * 32px);
+    margin-top: 32px;
+    margin-bottom: 32px;
     left: calc( -12.5% - 75px);
     width: calc( 125% + 150px);
     max-width: calc( 125% + 150px);
@@ -3468,8 +3468,8 @@ body.page .main-navigation {
 .entry .entry-content > h4,
 .entry .entry-content > h5,
 .entry .entry-content > h6 {
-  margin-top: 64px;
-  margin-bottom: 64px;
+  margin-top: 32px;
+  margin-bottom: 32px;
   text-align: center;
 }
 
@@ -4062,8 +4062,8 @@ body.page .main-navigation {
   background-color: #595959;
   border: 0;
   height: 2px;
-  margin-bottom: 64px;
-  margin-top: 64px;
+  margin-bottom: 32px;
+  margin-top: 32px;
   max-width: 5em;
   text-align: left;
 }