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

professional-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 );
@@ -264,7 +264,7 @@
 		li {
 			border-top: 2px solid $color__border;
 			padding-top: (1 * $size__spacing-unit);
-			margin-bottom: #{2 * $size__vertical-spacing-unit};
+			margin-bottom: $size__vertical-spacing-unit;
 			a {
 				&:after {
 					content: '';
@@ -515,7 +515,7 @@
 
 		& + .wp-block-cover:not(.alignleft):not(.alignrights),
 		& + .wp-block-cover-image:not(.alignleft):not(.alignrights) {
-			margin-top: #{2 * $size__vertical-spacing-unit};
+			margin-top: $size__vertical-spacing-unit;
 		}
 
 		.wp-block-cover-image-text,
@@ -600,8 +600,8 @@
 	hr {
 		background: #fff;
 		border: 0;
-		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: 100%;
 		@include postContentMaxWidth();
 

professional-business/style-rtl.css

@@ -3384,8 +3384,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);
@@ -3639,7 +3639,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-latest-posts.is-grid li {
   border-top: 2px solid #ccc;
   padding-top: 1rem;
-  margin-bottom: 64px;
+  margin-bottom: 32px;
 }
 
 .entry .entry-content .wp-block-latest-posts.is-grid li a:after {
@@ -3882,7 +3882,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights),
 .entry .entry-content .wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights),
 .entry .entry-content .wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) {
-  margin-top: 64px;
+  margin-top: 32px;
 }
 
 .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
@@ -4003,8 +4003,8 @@ body.page .main-navigation {
 .entry .entry-content hr {
   background: #fff;
   border: 0;
-  margin-bottom: 64px;
-  margin-top: 64px;
+  margin-bottom: 32px;
+  margin-top: 32px;
   max-width: 100%;
   /* Remove duplicate rule-line when a separator
 		 * is followed by an H1, or H2 */

professional-business/style.css

@@ -3390,8 +3390,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);
@@ -3651,7 +3651,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-latest-posts.is-grid li {
   border-top: 2px solid #ccc;
   padding-top: 1rem;
-  margin-bottom: 64px;
+  margin-bottom: 32px;
 }
 
 .entry .entry-content .wp-block-latest-posts.is-grid li a:after {
@@ -3894,7 +3894,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights),
 .entry .entry-content .wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights),
 .entry .entry-content .wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) {
-  margin-top: 64px;
+  margin-top: 32px;
 }
 
 .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
@@ -4015,8 +4015,8 @@ body.page .main-navigation {
 .entry .entry-content hr {
   background: #fff;
   border: 0;
-  margin-bottom: 64px;
-  margin-top: 64px;
+  margin-bottom: 32px;
+  margin-top: 32px;
   max-width: 100%;
   /* Remove duplicate rule-line when a separator
 		 * is followed by an H1, or H2 */