Browse Source

Modern Business: Fix excess text side padding for the full width stacked Media & Text

Danny Dudzic 6 years ago
parent
commit
8d3fe42cb1

+ 8 - 0
modern-business/sass/blocks/_blocks.scss

@@ -191,6 +191,14 @@
 			}
 			}
 		}
 		}
 
 
+		&.alignfull .wp-block-media-text__content {
+			padding: 8% 1rem;
+
+			@include media(tablet) {
+				padding: 8%;
+			}
+		}
+
 		.wp-block-media-text__content {
 		.wp-block-media-text__content {
 			padding: 8%;
 			padding: 8%;
 		}
 		}

+ 10 - 0
modern-business/style-rtl.css

@@ -3584,6 +3584,16 @@ body.page .main-navigation {
   }
   }
 }
 }
 
 
+.entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
+  padding: 0 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
+    padding: 8%;
+  }
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
   padding: 8%;
   padding: 8%;
 }
 }

+ 10 - 0
modern-business/style.css

@@ -3596,6 +3596,16 @@ body.page .main-navigation {
   }
   }
 }
 }
 
 
+.entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
+  padding: 8% 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
+    padding: 8%;
+  }
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
   padding: 8%;
   padding: 8%;
 }
 }