Mixin Placeholder SCSS/CSS

Question

J'essaie de créer un mixin pour les placeholders dans sass.

Voici le mixin que j'ai créé.

@mixin placeholder ($css) {
  ::-webkit-input-placeholder {$css}
  :-moz-placeholder           {$css}
  ::-moz-placeholder          {$css}
  :-ms-input-placeholder      {$css}  
}

Voici comment j'aimerais inclure le mixin :

@include placeholder(font-style:italic; color: white; font-weight:100;);

Il est évident que cela ne va pas fonctionner à cause de tous les deux-points et les points-virgules qui sont transmis au mixin, mais... J'aimerais vraiment pouvoir entrer une css statique et la faire passer exactement comme la fonction ci-dessus.

Est-ce possible ?

Answer 1

J'utilise exactement le même placeholder de mixin sass que NoDirection a écrit. Je le trouve dans la collection de mixins sass ici et j'en suis très satisfait. Il y a un texte qui explique davantage l'option des mixins.