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

calm-business/sass/blocks/_blocks.scss

@@ -39,8 +39,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 );
@@ -632,8 +632,8 @@
 	.wp-block-separator,
 	hr {
 		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;
 		text-align: left;
 		background: $color__background-body;
 		max-width: 100%;

calm-business/style-rtl.css

@@ -3489,8 +3489,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);
@@ -4124,8 +4124,8 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-separator,
 .entry .entry-content hr {
   height: 2px;
-  margin-bottom: 64px;
-  margin-top: 64px;
+  margin-bottom: 32px;
+  margin-top: 32px;
   text-align: right;
   background: #FAF8F5;
   max-width: 100%;

calm-business/style.css

@@ -3495,8 +3495,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);
@@ -4136,8 +4136,8 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-separator,
 .entry .entry-content hr {
   height: 2px;
-  margin-bottom: 64px;
-  margin-top: 64px;
+  margin-bottom: 32px;
+  margin-top: 32px;
   text-align: left;
   background: #FAF8F5;
   max-width: 100%;