浏览代码

Professional Business: Fix margins between columns block

Allan Cole 6 年之前
父节点
当前提交
fab16f14ee

+ 9 - 8
professional-business/sass/blocks/_blocks.scss

@@ -820,27 +820,28 @@
 		}
 
 		@include media(tablet) {
-			.wp-block-column > * {
+
+			.wp-block-column {
+				margin-left: #{0.5 * $size__spacing-unit};
+				margin-right: #{0.5 * $size__spacing-unit};
 
 				&:first-child {
-					margin-top: 0;
+					margin-left: 0;
 				}
 
 				&:last-child {
-					margin-bottom: 0;
+					margin-right: 0;
 				}
 			}
 
-			&[class*='has-'] > * {
-				margin-left: $size__spacing-unit;
-				margin-right: $size__spacing-unit;
+			.wp-block-column > * {
 
 				&:first-child {
-					margin-left: 0;
+					margin-top: 0;
 				}
 
 				&:last-child {
-					margin-right: 0;
+					margin-bottom: 0;
 				}
 			}
 

+ 0 - 2
professional-business/style-jetpack.css

@@ -68,11 +68,9 @@
 /**
  * Content Options
  */
-
 /**
  * Blocks
  */
-
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
   width: 100%;

+ 10 - 18
professional-business/style-rtl.css

@@ -3447,14 +3447,6 @@ body.page .main-navigation {
   }
 }
 
-@media only screen and (min-width: 768px) {
-  .entry .entry-content > *.aligncenter,
-  .entry .entry-summary > *.aligncenter {
-    margin-right: 0;
-    margin-left: 0;
-  }
-}
-
 /*
  * Unset nested content selector styles
  * - Prevents layout styles from cascading too deeply
@@ -4247,22 +4239,22 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-columns .wp-block-column {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
+    margin-right: 0;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
+    margin-left: 0;
+  }
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     margin-top: 0;
   }
   .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     margin-bottom: 0;
   }
-  .entry .entry-content .wp-block-columns[class*='has-'] > * {
-    margin-right: 1rem;
-    margin-left: 1rem;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
-    margin-right: 0;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
-    margin-left: 0;
-  }
   .entry .entry-content .wp-block-columns.alignfull {
     padding-right: calc( 2 * 1rem);
     padding-left: calc( 2 * 1rem);

+ 10 - 10
professional-business/style.css

@@ -4251,22 +4251,22 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-columns .wp-block-column {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
+    margin-left: 0;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
+    margin-right: 0;
+  }
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     margin-top: 0;
   }
   .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     margin-bottom: 0;
   }
-  .entry .entry-content .wp-block-columns[class*='has-'] > * {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
-    margin-left: 0;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
-    margin-right: 0;
-  }
   .entry .entry-content .wp-block-columns.alignfull {
     padding-left: calc( 2 * 1rem);
     padding-right: calc( 2 * 1rem);