Standardise and provide a setting to consistently style input placeholders

[stowball]

All browsers behave slightly differently with their placeholder colours, and Firefox reduces the opacity to 0.54 by default.

It would be great for Scally to help standardise this like Suzi does.

We'd need to set FF's opacity to 1, and provide a default colour var that all browsers used, which could easily be override by the developer like other settings. Something like this:

$text-input-placeholder-color: rgba($colour-text-base, 0.4) !default;

:-moz-placeholder {
  color: $text-input-placeholder-color;
  opacity: 1;
}

::-moz-placeholder {
  color: $text-input-placeholder-color;
  opacity: 1;
 }

:-ms-input-placeholder {
  color: $text-input-placeholder-color;
 }

::-webkit-input-placeholder {
  color: $text-input-placeholder-color;
}

[chris-pearce]

@stowball yeah good shout, I used to have this in the framework but took it out, can't remember why but we'll get this in Scally 👍. And include the standard property.

[chris-pearce]

Labels please.