Add mixin for input placeholder color.

WordPress · Feb 28, 2025 · 9a5f2d8 · 9a5f2d8
1 parent 24550fb
commit 9a5f2d8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
@@ -278,6 +278,10 @@
 		@include input-style__focus();
 	}
 
+	@include input-placeholder-color;
+}
+
+@mixin input-placeholder-color {
 	// Use opacity to work in various editor styles.
 	&::-webkit-input-placeholder {
 		color: $dark-gray-placeholder;

diff --git a/packages/editor/src/components/post-text-editor/style.scss b/packages/editor/src/components/post-text-editor/style.scss
@@ -35,15 +35,5 @@ textarea.editor-post-text-editor {
 		position: relative;
 	}
 
-	&::-webkit-input-placeholder {
-		color: $dark-gray-placeholder;
-	}
-
-	&::-moz-placeholder {
-		color: $dark-gray-placeholder;
-	}
-
-	&:-ms-input-placeholder {
-		color: $dark-gray-placeholder;
-	}
+	@include input-placeholder-color;
 }