icon color fix

blockifywp · Dec 23, 2023 · f964a27 · f964a27
1 parent e614806
commit f964a27
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 3 deletions.
diff --git a/assets/css/blocks/comments-title.css b/assets/css/blocks/comments-title.css
diff --git a/assets/css/blocks/post-comments-form.css b/assets/css/blocks/post-comments-form.css
diff --git a/includes/extensions/icon.php b/includes/extensions/icon.php
@@ -193,7 +193,12 @@ function get_icon_html( string $content, array $block ): string {
 	}
 
 	if ( $gradient ) {
-		$figure_styles['--wp--custom--icon--color'] = "var(--wp--preset--gradient--{$gradient})";
+
+		if ( $text_color || $custom_text_color ) {
+			$figure_styles['--wp--custom--icon--background'] = "var(--wp--preset--gradient--{$gradient})";
+		} else {
+			$figure_styles['--wp--custom--icon--color'] = "var(--wp--preset--gradient--{$gradient})";
+		}
 	}
 
 	$border_radius = $attrs['style']['border']['radius'] ?? null;

diff --git a/src/scss/blocks/comments-title.scss b/src/scss/blocks/comments-title.scss
@@ -0,0 +1,17 @@
+@import "../abstracts/text-gradient";
+
+.wp-block-comments-title {
+	word-break: break-word;
+
+	&[class*="-font-size"] {
+		line-height: var(--wp--custom--heading--line-height, 1.5);
+	}
+
+	&[class*="-gradient-background"]:not(.has-text-color),
+	&[style*="-gradient("]:not(.has-text-color) {
+
+		@include text-gradient;
+	}
+}
+
+
diff --git a/src/scss/blocks/post-comments-form.scss b/src/scss/blocks/post-comments-form.scss
@@ -2,8 +2,14 @@
 .wp-block-post-comments-form textarea {
 	border: var(--wp--custom--border);
 }
- // Core override.
+
+// Core override.
 .wp-block-post-comments-form .comment-reply-title :where(small) {
 	font-size: var(--wp--custom--small--font-size, 0.5em);
 	margin-left: var(--wp--style--block-gap, 1em);
 }
+
+.form-submit {
+	--wp--custom--button--background: var(--wp--custom--comments-form--submit--background);
+	--wp--custom--button--color: var(--wp--custom--comments-form--submit--color);
+}