Specify lowercase or uppercase for media feature names.
@media (min-width: 700px) {}
/** ↑
* This media feature name */
This rule ignores media feature names within a range context.
The --fix
option on the command line can automatically fix all of the problems reported by this rule.
string
: "lower"|"upper"
The following patterns are considered violations:
@media (MIN-WIDTH: 700px) {}
@media not all and (MONOCHROME) {}
@media (min-width: 700px) and (ORIENTATION: landscape) {}
The following patterns are not considered violations:
@media (min-width: 700px) {}
@media not all and (monochrome) {}
@media (min-width: 700px) and (orientation: landscape) {}
The following patterns are considered violations:
@media (min-width: 700px) {}
@media not all and (monochrome) {}
@media (MIN-WIDTH: 700px) and (orientation: landscape) {}
The following patterns are not considered violations:
@media (MIN-WIDTH: 700px) {}
@media not all and (MONOCHROME) {}
@media (MIN-WIDTH: 700px) and (ORIENTATION: landscape) {}