form-placeholder-mixin.scss

@mixin default-placeholder {
  color: #333;
  font-family: $montserrat;
}

@mixin fly-out-placeholder {
  color: #777;
  font-family: $merriweather;
}

@mixin registration-placeholder {
  color: #999;
  font-family: $montserrat;
  font-weight: 300;
}

@mixin search-placeholder {
  color: #333;
  font-family: $merriweather;
}

@mixin input-content($context: 'default', $font-size: 1.6rem) {
  input[type='email'],
  input[type='search'],
  input[type='text'] {
    font-size: $font-size;
    outline: none;

    @if $context == 'default' {
      @include default-placeholder;
    }

    @if $context == 'search' {
      @include search-placeholder;
    }

    @if $context == 'fly-out' {
      @include fly-out-placeholder;
    }
  }

  @if $context == 'default' or $context == 'registration' {

    :-moz-placeholder,
    ::-moz-placeholder {
      @if $context == 'default' {
        @include default-placeholder;
      }

      @if $context == 'registration' {
        @include registration-placeholder;
      }

      font-size: $font-size;
    }


    input:-ms-input-placeholder {
      @if $context == 'default' {
        @include default-placeholder;
      }

      @if $context == 'registration' {
        @include registration-placeholder;
      }

      font-size: $font-size;
    }

    input::-webkit-input-placeholder {
      @if $context == 'default' {
        @include default-placeholder;
      }

      @if $context == 'registration' {
        @include registration-placeholder;
      }
      font-size: $font-size;
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder {
      @if $context == 'default' {
        @include default-placeholder;
      }

      @if $context == 'registration' {
        @include registration-placeholder;
      }

      font-size: $font-size;
    }
  }

  @if $context == 'search' {
    :-moz-placeholder,
    ::-moz-placeholder {
      color: rgba(#d2691e, .4)!important;
      font-size: $font-size;
      font-style: italic;
    }

    input:-ms-input-placeholder {
      @include search-placeholder;
      color: rgba(#d2691e, .4)!important;
      font-size: $font-size;
      font-style: italic;
    }

    input::-webkit-input-placeholder {
      @include search-placeholder;
      color: rgba(#d2691e, .4)!important;
      font-size: $font-size;
      font-style: italic;
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder {
      @include search-placeholder;
      color: rgba(#d2691e, .4)!important;
      font-size: $font-size;
      font-style: italic;
    }
  }

  @if $context == 'fly-out' {
    :-moz-placeholder,
    ::-moz-placeholder {
      @include fly-out-placeholder;
      font-size: $font-size;
    }

    input:-ms-input-placeholder {
      @include fly-out-placeholder;
      font-size: $font-size;
    }

    input::-webkit-input-placeholder {
      @include fly-out-placeholder;
      font-size: $font-size;
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder {
      @include fly-out-placeholder;
      font-size: $font-size;
    }
  }
}