[Prettier CSS] Multi-line comma separated selectors

[TheSisb]

I think in terms of legibility, multi-lining comma separated selectors is much more readable. Could this be the default?

Example of desired effect:

.ball, 
.rabbit,
.wrapper:hover .contents,
.wrapper:active .contents {
  color: red;
}

What prettier currently emits:

.ball, .rabbit, .wrapper:hover .contents, .wrapper:active .contents {
  color: red;
}

The single line approach usually ends up creating really long lines that require horizontal scrolling and break n characters per line conventions (usually 80 or 120).

[jitendravyas]

It also does this too.

[giuseppeg]

Agreed, this style kinda makes it uglier :)

Maybe you can borrow the formatting guidelines from Nicolas' Ideomatic CSS. Properties sorted alphabetically because it is probably the only universal criteria (although I prefer Nicolas' version).

[jitendravyas]

Any solution for this?

[yuchi]

I’m making a pull request for this just now.

[jitendravyas]

@yuchi will it solve this too?
#1962 (comment)

[vjeux]

@jitendravyas no, this will not change with his PR. Could you open a separate issue for it?