فهرست منبع

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

Danny Dudzic 6 سال پیش
والد
کامیت
7d21515f18
3فایلهای تغییر یافته به همراه24 افزوده شده و 19 حذف شده
  1. 8 7
      professional-business/sass/blocks/_blocks.scss
  2. 8 6
      professional-business/style-rtl.css
  3. 8 6
      professional-business/style.css

+ 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);