Browse Source

Merge pull request #960 from Automattic/fix/issue-913

Calm Business: Fix excess text side padding for the full width stacke…
Jeffrey Pearce 6 years ago
parent
commit
4c076c54fa
3 changed files with 29 additions and 0 deletions
  1. 9 0
      calm-business/sass/blocks/_blocks.scss
  2. 10 0
      calm-business/style-rtl.css
  3. 10 0
      calm-business/style.css

+ 9 - 0
calm-business/sass/blocks/_blocks.scss

@@ -927,6 +927,15 @@
 		.wp-block-media-text__media {
 			z-index: 2;
 		}
+
+		&.alignfull .wp-block-media-text__content {
+			padding: 0 1rem;
+
+			@include media(tablet) {
+				padding: 32px 8%;
+			}
+		}
+
 		.wp-block-media-text__content {
 			@include post-section-dash;
 			@include media(tablet) {

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

@@ -4479,6 +4479,16 @@ body.page .main-navigation {
   z-index: 2;
 }
 
+.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: 0 8%;
+  }
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
   z-index: 1;
   align-self: start;

+ 10 - 0
calm-business/style.css

@@ -4490,6 +4490,16 @@ body.page .main-navigation {
   z-index: 2;
 }
 
+.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: 32px 8%;
+  }
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
   z-index: 1;
   align-self: start;