Explorar o código

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

Allan Cole %!s(int64=6) %!d(string=hai) anos
pai
achega
3f99fd9a4a

+ 7 - 7
elegant-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 + 1rem );
 			width: calc( 125% + 150px );
 			max-width: calc( 125% + 150px - 2rem );
@@ -119,8 +119,8 @@
 	& > h5,
 	& > h6 {
 		text-align: center;
-		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;
 	}
 
 	//! Paragraphs
@@ -524,7 +524,7 @@
 
 		& + .wp-block-cover:not(.alignleft):not(.alignrights),
 		& + .wp-block-cover-image:not(.alignleft):not(.alignrights) {
-			margin-top: 64px;
+			margin-top: $size__vertical-spacing-unit;
 		}
 
 		.wp-block-cover-image-text,
@@ -629,9 +629,9 @@
 		background-color: #f1f1f1;
 		border: 0;
 		height: 2px;
-		margin-bottom: (2 * $size__vertical-spacing-unit);
+		margin-bottom: $size__vertical-spacing-unit;
 		margin-left: auto;
-		margin-top: (2 * $size__vertical-spacing-unit);
+		margin-top: $size__vertical-spacing-unit;
 		margin-right: auto;
 		max-width: 5em;
 		text-align: center;

+ 7 - 7
elegant-business/style-rtl.css

@@ -3380,8 +3380,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 + 1rem);
     width: calc( 125% + 150px);
     max-width: calc( 125% + 150px - 2rem);
@@ -3479,8 +3479,8 @@ body.page .main-navigation {
 .entry .entry-content > h5,
 .entry .entry-content > h6 {
   text-align: center;
-  margin-top: 64px;
-  margin-bottom: 64px;
+  margin-top: 32px;
+  margin-bottom: 32px;
 }
 
 .entry .entry-content p.has-background {
@@ -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,
@@ -4017,9 +4017,9 @@ body.page .main-navigation {
   background-color: #f1f1f1;
   border: 0;
   height: 2px;
-  margin-bottom: 64px;
+  margin-bottom: 32px;
   margin-right: auto;
-  margin-top: 64px;
+  margin-top: 32px;
   margin-left: auto;
   max-width: 5em;
   text-align: center;

+ 7 - 7
elegant-business/style.css

@@ -3386,8 +3386,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 + 1rem);
     width: calc( 125% + 150px);
     max-width: calc( 125% + 150px - 2rem);
@@ -3491,8 +3491,8 @@ body.page .main-navigation {
 .entry .entry-content > h5,
 .entry .entry-content > h6 {
   text-align: center;
-  margin-top: 64px;
-  margin-bottom: 64px;
+  margin-top: 32px;
+  margin-bottom: 32px;
 }
 
 .entry .entry-content p.has-background {
@@ -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,
@@ -4029,9 +4029,9 @@ body.page .main-navigation {
   background-color: #f1f1f1;
   border: 0;
   height: 2px;
-  margin-bottom: 64px;
+  margin-bottom: 32px;
   margin-left: auto;
-  margin-top: 64px;
+  margin-top: 32px;
   margin-right: auto;
   max-width: 5em;
   text-align: center;