media-feature-name-value-allowed-list

許可されたメディア機能名と値のペアのリストを指定します。

@media screen and (min-width: 768px) {}
/**                ↑          ↑
 *    These features and values */

message セカンダリオプションは、このルールの引数を受け入れることができます。

オプション

object: { "unprefixed-media-feature-name": ["array", "of", "values", "/regex/", /regex/]|"value"|"/regex/"|/regex/ }

オブジェクト内にメディア機能名が見つかった場合、許可された値のみが許可されます。メディア機能名がオブジェクトに含まれていない場合は、何でも許可されます。

名前または値が/（例："/width$/"）で囲まれている場合、正規表現として解釈されます。たとえば、/width$/はmax-widthとmin-widthにマッチします。

与えられた

{
  "min-width": ["768px", "1024px"],
  "/resolution/": "/dpcm$/"
}

以下のパターンは問題とみなされます

@media screen and (min-width: 1000px) {}

@media screen and (min-resolution: 2dpi) {}

@media screen and (min-width > 1000px) {}

以下のパターンは問題とはみなされません

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

@media screen and (orientation: portrait) {}

@media screen and (min-resolution: 2dpcm) {}

@media screen and (resolution: 10dpcm) {}

@media screen and (768px < min-width) {}