Add custom colors for form placeholders

This commit is contained in:
Alex Liebowitz 2016-07-26 05:07:52 -04:00
parent 6d23e7af51
commit b4fb4b3a5c
2 changed files with 9 additions and 0 deletions

View file

@ -106,6 +106,12 @@ $max-text-width: 660px;
background-size: $size; background-size: $size;
} }
@mixin placeholder {
&::-webkit-input-placeholder {@content}
&:-moz-placeholder {@content}
&:-ms-input-placeholder {@content}
}
@mixin offscreen() { @mixin offscreen() {
position: absolute; position: absolute;
left: -9999px; left: -9999px;

View file

@ -119,6 +119,9 @@ input[type="search"]
input[type="text"], textarea input[type="text"], textarea
{ {
@include placeholder {
color: lighten($color-text-dark, 60%);
}
border: 0 none; border: 0 none;
border: 2px solid rgba(160,160,160,.5); border: 2px solid rgba(160,160,160,.5);
padding-left: 5px; padding-left: 5px;