From 9a5f2d8ab0f4e45ebaba72967e74a3af626b203e Mon Sep 17 00:00:00 2001
From: Andrea Fercia <a.fercia@gmail.com>
Date: Wed, 26 Feb 2025 16:37:28 +0100
Subject: [PATCH] Add mixin for input placeholder color.

---
 packages/base-styles/_mixins.scss                    |  4 ++++
 .../src/components/post-text-editor/style.scss       | 12 +-----------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
index e61541f027057..79c23d4221cec 100644
--- 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
index ad7b3383db2aa..c0d7b3ffeea67 100644
--- 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;
 }