Placeholder Mixin SCSS/CSS

Question

I\'m trying to create a mixin for placeholders in sass.

This is the mixin I\'ve created.

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


        

Answer 1

To avoid 'Unclosed block: CssSyntaxError' errors being thrown from sass compilers add a ';' to the end of @content.

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