javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(input): add variables for alert and input placeholder color

Browse Source 
closes #10153
This commit is contained in:
Brandy Carney
2017-01-27 11:40:55 -05:00
committed by Adam Bradley
parent ed8b6b57bb
commit 4ca9f2c04d
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/alert/alert.scss
View File

@ -15,6 +15,9 @@ $alert-button-line-height: 20px !default;
/// @prop - Font size of the alert button /// @prop - Font size of the alert button
$alert-button-font-size: 14px !default; $alert-button-font-size: 14px !default;
/// @prop - Color of the alert input placeholder
$alert-input-placeholder-color: #999 !default;
ion-alert { ion-alert {
position: absolute; position: absolute;
@ -75,7 +78,7 @@ ion-alert input {
} }
.alert-input { .alert-input {
@include placeholder(); @include placeholder($alert-input-placeholder-color);
padding: 10px 0; padding: 10px 0;

5
src/components/input/input.scss
View File

@ -9,6 +9,9 @@ $text-input-highlight-color-valid: #32db64 !default;
/// @prop - Color of the input highlight when invalid /// @prop - Color of the input highlight when invalid
$text-input-highlight-color-invalid: #f53d3d !default; $text-input-highlight-color-invalid: #f53d3d !default;
/// @prop - Color of the input placeholder
$text-input-placeholder-color: #999 !default;
// Input/Textarea Wrapper // Input/Textarea Wrapper
// -------------------------------------------------- // --------------------------------------------------
@ -41,7 +44,7 @@ ion-textarea {
// -------------------------------------------------- // --------------------------------------------------
.text-input { .text-input {
@include placeholder(); @include placeholder($text-input-placeholder-color);
@include appearance(none); @include appearance(none);
display: inline-block; display: inline-block;