Browse Source

Varia: Revise PR-1122, Have links inherit the color only when the block (Media & Text or Paragrpah) are using a background color

Allan Cole 6 years ago
parent
commit
82f06fc057

+ 1 - 0
varia/sass/blocks/_editor.scss

@@ -13,6 +13,7 @@
 @import "heading/editor";
 @import "gallery/editor";
 @import "latest-posts/editor";
+@import "media-text/editor";
 @import "pullquote/editor";
 @import "quote/editor";
 @import "separator/editor";

+ 8 - 0
varia/sass/blocks/media-text/_editor.scss

@@ -0,0 +1,8 @@
+.wp-block-media-text {
+
+	.block-editor-inner-blocks {
+		a {
+			color: currentColor;
+		}
+	}
+}

+ 5 - 1
varia/sass/blocks/media-text/_style.scss

@@ -17,6 +17,10 @@
 				margin-bottom: 0;
 			}
 		}
+
+		a {
+			color: currentColor;
+		}
 	}
 
 	/**
@@ -34,4 +38,4 @@
 			padding: 0 #{map-deep-get($config-global, "spacing", "horizontal")};
 		}
 	}
-}
+}

+ 4 - 4
varia/style-editor.css

@@ -134,10 +134,6 @@ body {
 	-webkit-font-smoothing: antialiased;
 }
 
-.editor-post-title__block {
-	font-size: 18px;
-}
-
 p {
 	font-size: 1em;
 	line-height: 1.78;
@@ -394,6 +390,10 @@ object {
 	padding-left: 0;
 }
 
+.wp-block-media-text .block-editor-inner-blocks a {
+	color: currentColor;
+}
+
 .wp-block-pullquote {
 	padding: calc( 3 * 16px) 0;
 	margin-left: 0;

+ 7 - 2
varia/style-rtl.css

@@ -1371,9 +1371,10 @@ h6, .h6 {
 }
 
 img {
-	width: auto;
-	vertical-align: middle;
+	height: auto;
 	max-width: 100%;
+	vertical-align: middle;
+	width: auto;
 }
 
 .wp-block-latest-comments {
@@ -1543,6 +1544,10 @@ dd {
 	margin-bottom: 0;
 }
 
+.wp-block-media-text .wp-block-media-text__content a {
+	color: currentColor;
+}
+
 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
 	padding-top: 32px;
 	padding-bottom: 32px;

+ 7 - 2
varia/style.css

@@ -1371,9 +1371,10 @@ h6, .h6 {
 }
 
 img {
-	width: auto;
-	vertical-align: middle;
+	height: auto;
 	max-width: 100%;
+	vertical-align: middle;
+	width: auto;
 }
 
 .wp-block-latest-comments {
@@ -1543,6 +1544,10 @@ dd {
 	margin-bottom: 0;
 }
 
+.wp-block-media-text .wp-block-media-text__content a {
+	color: currentColor;
+}
+
 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
 	padding-top: 32px;
 	padding-bottom: 32px;