fix: update placeholder styles to be consistent in all browsers (#6914)

* fix(helper-mixins): update placeholder-colors mixin * fix(date-picker): import placeholder-colors mixin * fix(search): import placeholder-colors mixin * fix(time-picker): import placeholder-colors mixin Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
carbon-design-system · Sep 28, 2020 · 2ec2ff5 · 2ec2ff5
1 parent 2f61742
commit 2ec2ff5
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 7 deletions.
diff --git a/packages/components/src/components/date-picker/_date-picker.scss b/packages/components/src/components/date-picker/_date-picker.scss
@@ -96,8 +96,7 @@
     }
 
     &::placeholder {
-      color: $text-05;
-      opacity: 1;
+      @include placeholder-colors;
     }
   }
 

diff --git a/packages/components/src/components/search/_search.scss b/packages/components/src/components/search/_search.scss
@@ -52,8 +52,7 @@
     }
 
     &::placeholder {
-      color: $text-05;
-      font-weight: 400;
+      @include placeholder-colors;
     }
 
     &::-ms-clear {
@@ -69,7 +68,6 @@
 
     &::placeholder {
       color: $disabled;
-      font-weight: 400;
     }
   }
 

diff --git a/packages/components/src/components/time-picker/_time-picker.scss b/packages/components/src/components/time-picker/_time-picker.scss
@@ -57,7 +57,7 @@
       background-color $duration--fast-01 motion(standard, productive);
 
     &::placeholder {
-      color: $text-05;
+      @include placeholder-colors;
     }
   }
 

diff --git a/packages/components/src/globals/scss/_helper-mixins.scss b/packages/components/src/globals/scss/_helper-mixins.scss
@@ -46,7 +46,7 @@
 /// @example @include placeholder-colors;
 /// @group global-helpers
 @mixin placeholder-colors {
-  color: $text-03;
+  color: $text-05;
   opacity: 1;
 }