fix(input): increase placeholder contrast on focus (#9804)

clshortfuse · kara · commit 974acd3f76ea · 2016-10-13T10:23:36.000-07:00
According to Material Design spec and a11y accessibility, a focused text field should have a secondary text opacity * Change input placeholder color from foreground-3 to foreground-2 on focus Fixes #8903
diff --git a/src/components/input/input-theme.scss b/src/components/input/input-theme.scss
@@ -29,6 +29,12 @@ md-input-container.md-THEME_NAME-theme {
     }
   }
 
+  &.md-input-focused {
+    .md-input {
+      @include input-placeholder-color('\'{{foreground-2}}\'');
+    }
+  }
+
   &:not(.md-input-invalid) {
     &.md-input-has-value {
       label {

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,12 @@ md-input-container.md-THEME_NAME-theme {`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`
	`32`	`+ &.md-input-focused {`
	`33`	`+ .md-input {`
	`34`	`+ @include input-placeholder-color('\'{{foreground-2}}\'');`
	`35`	`+ }`
	`36`	`+ }`
	`37`	`+`
`32`	`38`	`&:not(.md-input-invalid) {`
`33`	`39`	`&.md-input-has-value {`
`34`	`40`	`label {`