Browse Source

Sophisticated Business: Fix margins between columns block

Allan Cole 6 years ago
parent
commit
34a9c54f7c

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

@@ -860,27 +860,28 @@
 		}
 		}
 
 
 		@include media(tablet) {
 		@include media(tablet) {
-			.wp-block-column > * {
+
+			.wp-block-column {
+				margin-left: $size__spacing-unit;
+				margin-right: $size__spacing-unit;
 
 
 				&:first-child {
 				&:first-child {
-					margin-top: 0;
+					margin-left: 0;
 				}
 				}
 
 
 				&:last-child {
 				&: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 {
 				&:first-child {
-					margin-left: 0;
+					margin-top: 0;
 				}
 				}
 
 
 				&:last-child {
 				&:last-child {
-					margin-right: 0;
+					margin-bottom: 0;
 				}
 				}
 			}
 			}
 
 

+ 0 - 1
sophisticated-business/style-jetpack.css

@@ -114,7 +114,6 @@ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedp
 /**
 /**
  * Blocks
  * Blocks
  */
  */
-
 /* Mailchimp Block - Temp Fix */
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
 .wp-block-jetpack-mailchimp input[type="email"] {
   width: 100%;
   width: 100%;

+ 10 - 14
sophisticated-business/style-rtl.css

@@ -3835,10 +3835,6 @@ body.page .main-navigation {
   }
   }
 }
 }
 
 
-.entry .entry-content .wp-block-image {
-  max-width: 1000%;
-}
-
 .entry .entry-content .wp-block-image img {
 .entry .entry-content .wp-block-image img {
   display: block;
   display: block;
 }
 }
@@ -3908,7 +3904,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover h2 {
 .entry .entry-content .wp-block-cover h2 {
   font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 2.25em;
+  font-size: 1.6875em;
   font-weight: 700;
   font-weight: 700;
   line-height: 1.25;
   line-height: 1.25;
   padding: 0;
   padding: 0;
@@ -4240,22 +4236,22 @@ body.page .main-navigation {
 }
 }
 
 
 @media only screen and (min-width: 768px) {
 @media only screen and (min-width: 768px) {
-  .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-'] > * {
+  .entry .entry-content .wp-block-columns .wp-block-column {
     margin-right: 1rem;
     margin-right: 1rem;
     margin-left: 1rem;
     margin-left: 1rem;
   }
   }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
     margin-right: 0;
     margin-right: 0;
   }
   }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
     margin-left: 0;
     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.alignfull {
   .entry .entry-content .wp-block-columns.alignfull {
     padding-right: calc(2 * 1rem);
     padding-right: calc(2 * 1rem);
     padding-left: calc(2 * 1rem);
     padding-left: calc(2 * 1rem);

+ 9 - 9
sophisticated-business/style.css

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