Prefixed pseudo-classes are not working

[vincentorback]

Hey @stoyan and thanks for this awesome project!

I found a small issue with prefixed pseudo-classes such as ::-webkit-input-placeholder.

They wont work if they are stacked after each other like this:

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  color: red;
}

So instead they need to be broken down like this:

::-webkit-input-placeholder {
  color: red;
}
:-moz-placeholder {
  color: red;
}
::-moz-placeholder {
  color: red;
}
:-ms-input-placeholder {
  color: red;
}

Unfortunately I’m not so node-savy yet so i couldn't make a pull-request. But here’s a jsfiddle with the issue. This is also the issue with ::selection but that’s not a CSS standard yet.

[pepelsbey]

+1 for fixing this, it’s really annoying

[tbredin]

+1, I had to remove it from our company workflow after a short trial that revealed broken placeholder styles everywhere

[febLey]

+1, i've encountered the same issue

[marcobiedermann]

+1

[stefanmaric]

+1

[frontend-3]

+1

[diego06884]

+1 and has anyone found a solution-workaround for this?

[frontend-3]

You can use this https://github.com/Lukavyi/stylus-input-placeholder-mixin