本文へ移動

custom-media-pattern

カスタムメディアクエリ名のパターンを指定します。

@custom-media --foo (max-width: 30em);
/** ↑
* The pattern of this */

このルールの引数には、messageセカンダリオプションを使用できます。

オプション

正規表現|文字列

文字列は`new RegExp(yourString)`のように正規表現に変換されます。そのため、適切にエスケープしてください。

文字列を指定した場合

"foo-.+"

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

@custom-media --bar (min-width: 30em);

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

@custom-media --foo-bar (min-width: 30em);