浏览代码

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

Modern Business: Fix excess text side padding for the full width stac…
Jeffrey Pearce 6 年之前
父节点
当前提交
66cbf27e42
共有 3 个文件被更改,包括 48 次插入0 次删除
  1. 16 0
      modern-business/sass/blocks/_blocks.scss
  2. 16 0
      modern-business/style-rtl.css
  3. 16 0
      modern-business/style.css

+ 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%;
 }