media-query-list-comma-newline-after

警告

此规则已弃用，并将在将来删除。 参见 迁移指南。

媒体查询列表的逗号后需要换行符或不允许有空格。

@media screen and (color),
  projection {}       /* ↑ */
/**                      ↑
 *            These commas */

fix 选项 可以自动修复此规则报告的所有问题。

选项

string： "always"|"always-multi-line"|"never-multi-line"

"always"

逗号后面必须始终有一个换行符。

以下模式被视为问题：

@media screen and (color), projection and (color) {}

@media screen and (color)
, projection and (color) {}

以下模式不被视为问题：

@media screen and (color),
projection and (color) {}

@media screen and (color)
,
projection and (color) {}

"always-multi-line"

在多行媒体查询列表中，逗号后面必须始终有一个换行符。

以下模式被视为问题：

@media screen and (color)
, projection and (color) {}

以下模式不被视为问题：

@media screen and (color), projection and (color) {}

@media screen and (color),
projection and (color) {}

@media screen and (color)
,
projection and (color) {}

"never-multi-line"

多行媒体查询列表中的逗号后面绝对不能有空格。

以下模式被视为问题：

@media screen and (color),
projection and (color) {}

@media screen and (color)
,
projection and (color) {}

以下模式不被视为问题：

@media screen and (color), projection and (color) {}

@media screen and (color)
,projection and (color) {}