Browse Source

Professional Business: Fix lack of margin on Media & Text block contents

Danny Dudzic 6 years ago
parent
commit
7d21515f18

+ 8 - 7
professional-business/sass/blocks/_blocks.scss

@@ -825,16 +825,17 @@
 			margin-bottom: 10px;
 			z-index: 2;
 
-			a,
-			a:hover {
-				color: inherit;
+			> :first-child {
+				margin-top: 0.88889rem;
 			}
-		}
 
-		@include media(mobile) {
+			> :last-child {
+				margin-bottom: 0.88889rem;
+			}
 
-			.wp-block-media-text__content {
-				margin-top: 10px;
+			a,
+			a:hover {
+				color: inherit;
 			}
 		}
 

+ 8 - 6
professional-business/style-rtl.css

@@ -4315,17 +4315,19 @@ body.page .main-navigation {
   z-index: 2;
 }
 
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :first-child {
+  margin-top: 0.88889rem;
+}
+
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
+  margin-bottom: 0.88889rem;
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content a,
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content a:hover {
   color: inherit;
 }
 
-@media only screen and (min-width: 600px) {
-  .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
-    margin-top: 10px;
-  }
-}
-
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
     padding-left: calc(8% + 10px);

+ 8 - 6
professional-business/style.css

@@ -4327,17 +4327,19 @@ body.page .main-navigation {
   z-index: 2;
 }
 
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :first-child {
+  margin-top: 0.88889rem;
+}
+
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
+  margin-bottom: 0.88889rem;
+}
+
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content a,
 .entry .entry-content .wp-block-media-text .wp-block-media-text__content a:hover {
   color: inherit;
 }
 
-@media only screen and (min-width: 600px) {
-  .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
-    margin-top: 10px;
-  }
-}
-
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
     padding-right: calc(8% + 10px);