From 4ca9f2c04dad6c7e3793c69fbaf3306bb2409408 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Fri, 27 Jan 2017 11:40:55 -0500
Subject: [PATCH] fix(input): add variables for alert and input placeholder
 color

closes #10153
---
 src/components/alert/alert.scss | 5 ++++-
 src/components/input/input.scss | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/alert/alert.scss b/src/components/alert/alert.scss
index 7e34e5df57..a87f03aa23 100644
--- a/src/components/alert/alert.scss
+++ b/src/components/alert/alert.scss
@@ -15,6 +15,9 @@ $alert-button-line-height:        20px !default;
 /// @prop - Font size of the alert button
 $alert-button-font-size:          14px !default;
 
+/// @prop - Color of the alert input placeholder
+$alert-input-placeholder-color:   #999 !default;
+
 
 ion-alert {
   position: absolute;
@@ -75,7 +78,7 @@ ion-alert input {
 }
 
 .alert-input {
-  @include placeholder();
+  @include placeholder($alert-input-placeholder-color);
 
   padding: 10px 0;
 
diff --git a/src/components/input/input.scss b/src/components/input/input.scss
index 820c7e6425..71bd9e1f86 100644
--- a/src/components/input/input.scss
+++ b/src/components/input/input.scss
@@ -9,6 +9,9 @@ $text-input-highlight-color-valid:       #32db64 !default;
 /// @prop - Color of the input highlight when invalid
 $text-input-highlight-color-invalid:     #f53d3d !default;
 
+/// @prop - Color of the input placeholder
+$text-input-placeholder-color:           #999 !default;
+
 
 // Input/Textarea Wrapper
 // --------------------------------------------------
@@ -41,7 +44,7 @@ ion-textarea {
 // --------------------------------------------------
 
 .text-input {
-  @include placeholder();
+  @include placeholder($text-input-placeholder-color);
   @include appearance(none);
 
   display: inline-block;