Add custom colors for form placeholders
This commit is contained in:
parent
6d23e7af51
commit
b4fb4b3a5c
2 changed files with 9 additions and 0 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Add table
Reference in a new issue