Pārlūkot izejas kodu

Merge pull request #958 from Automattic/fix/issue-915

Modern Business: Fix excess text side padding for the full width stac…
Jeffrey Pearce 6 gadi atpakaļ
vecāks
revīzija
66cbf27e42

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

@@ -191,6 +191,22 @@
 			}
 		}
 
+		&.alignfull {
+			.wp-block-media-text__content {
+				padding: 8% 1rem;
+
+				@include media(tablet) {
+					padding: 0 #{2 * $size__vertical-spacing-unit} 0 0;
+				}
+			}
+
+			&.has-media-on-the-right .wp-block-media-text__content {
+				@include media(tablet) {
+					padding: 0 0 0 #{2 * $size__vertical-spacing-unit};
+				}
+			}
+		}
+
 		.wp-block-media-text__content {
 			padding: 8%;
 		}

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

@@ -3584,6 +3584,22 @@ 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: 0 0 0 64px;
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
+    padding: 0 64px 0 0;
+  }
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
   padding: 8%;
 }

+ 16 - 0
modern-business/style.css

@@ -3596,6 +3596,22 @@ 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: 0 64px 0 0;
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
+    padding: 0 0 0 64px;
+  }
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
   padding: 8%;
 }