diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss index e61541f0270570..79c23d4221cecd 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 ad7b3383db2aa5..c0d7b3ffeea672 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; }