メインコンテンツへスキップ

media-feature-name-no-unknown

不明なメディア機能名を許可しません。

@media (min-width: 700px) {}
/** ↑
* This media feature name */

このルールは、CSS仕様(Editor's Draftsを含む)で定義されているメディア機能名を既知のものとみなします。

このルールは、ベンダープレフィックス付きのメディア機能名を無視します。

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

オプション

true

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

@media screen and (unknown) {}
@media screen and (unknown: 10px) {}
@media screen and (unknown > 10px) {}

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

@media all and (monochrome) {}
@media (min-width: 700px) {}
@media (MIN-WIDTH: 700px) {}
@media (min-width: 700px) and (orientation: landscape) {}
@media (-webkit-min-device-pixel-ratio: 2) {}

オプションのセカンダリオプション

ignoreMediaFeatureNames: ["/regex/", /regex/, "string"]

指定された場合

["/^my-/", "custom"]

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

@media screen and (my-media-feature-name) {}
@media screen and (custom: 10px) {}
@media screen and (100px < custom < 700px) {}
@media (min-width: 700px) and (custom: 10px) {}