Placeholder decoration

placeholder.scss

input, textarea {
  &[placeholder],
  &::-moz-placeholder,
  &:-moz-placeholder,
  &:-ms-input-placeholder {
    text-overflow: ellipsis;
  }
  &::-webkit-input-placeholder,
  &::-moz-placeholder,
  &:-moz-placeholder,
  &:-ms-input-placeholder {
    color: $page;
    opacity: 1;
    transition: opacity .3s ease;
  }
  &:focus::-webkit-input-placeholder,
  &:focus::-moz-placeholder,
  &:focus:-moz-placeholder,
  &:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity .3s ease;
  }
}