Mezcla de marcador de posición en SCSS/CSS

Tienes un problema al crear una mezcla de marcador de posición en Sass debido a la presencia de dos puntos y punto y coma en las propiedades CSS pasadas el mixin.

Para superar este desafío, utiliza la directiva @content en tu mixin:

@mixin placeholder {
  ::-webkit-input-placeholder {@content}
  :-moz-placeholder           {@content}
  ::-moz-placeholder          {@content}
  :-ms-input-placeholder      {@content}  
}

Ahora puedes incluir el mixin de la siguiente manera:

@include placeholder {
    font-style: italic;
    color: white;
    font-weight: 100;
}

Además, Sass 3.4 introduce la directiva @at-root, que le permite escribir su mixin de una manera que funcione tanto en contextos anidados como no anidados:

@mixin placeholder {
  @include optional-at-root('::-webkit-input-placeholder') {
    @content;
  }

  @include optional-at-root(':-moz-placeholder') {
    @content;
  }

  @include optional-at-root('::-moz-placeholder') {
    @content;
  }

  @include optional-at-root(':-ms-input-placeholder') {
    @content;
  }
}

Al usar @at-root junto con @content, garantizas que tu mixin funcione correctamente en todos los escenarios.