Using Mixing pseudo palceholder (SASS)

mixing-palceholder.scss

@mixin psuedo-placeholder($color-placeholder) {
  &::-webkit-input-placeholder {
     color: $color-placeholder;
     @include transition-color;
  }

  &:-moz-placeholder { /* Firefox 18- */
    color: $color-placeholder;
    @include transition-color;
  }

  &::-moz-placeholder {  /* Firefox 19+ */
    color: $color-placeholder;
    @include transition-color;
  }

  &:-ms-input-placeholder {
    color: $color-placeholder;
    @include transition-color;
 }

 &:focus {
   &::-webkit-input-placeholder {
     color: transparent;
  }

  &:-moz-placeholder { /* Firefox 18- */
   color: transparent;
  }

    &::-moz-placeholder {  /* Firefox 19+ */
       color: transparent;
    }

    &:-ms-input-placeholder {
       color: transparent;
     }
  }
}

//  Using 
.input-form input {
  include psuedo-placeholder($color);
}