media-feature-colon-space-before.md

Pattern: Incorrect spacing before media feature :

Issue: -

Description

Require a single space or disallow whitespace before the colon in media features.

@media (max-width :600px) {}
/**               ↑
 * The space before this colon */

Examples

string: "always"|"never"

"always"

There must always be a single space before the colon.

The following patterns are considered problems:

@media (max-width:600px) {}

@media (max-width: 600px) {}

The following patterns are not considered problems:

@media (max-width :600px) {}

@media (max-width : 600px) {}

"never"

There must never be whitespace before the colon.

The following patterns are considered problems:

@media (max-width :600px) {}

@media (max-width : 600px) {}

The following patterns are not considered problems:

@media (max-width:600px) {}

@media (max-width: 600px) {}

Further Reading

• stylelint - media-feature-colon-space-before