media-feature-name-case.md

Pattern: Inconsistent media feature name case

Issue: -

Description

Specify lowercase or uppercase for media feature names.

Caveat: Media feature names within a range context are currently ignored.

Examples

"lower"

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) {}

"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) {}

Further Reading

• stylelint - media-feature-name-case