media-feature-parentheses-space-inside.md

Pattern: Incorrect spacing inside media feature parentheses

Issue: -

Description

Require a single space or disallow whitespace on the inside of the parentheses within media features.

@media ( max-width: 300px ) {}
/**    ↑                  ↑
 * The space inside these two parentheses */

Examples

string: "always"|"never"

"always"

There must always be a single space inside the parentheses.

The following patterns are considered problems:

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

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

The following patterns are not considered problems:

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

"never"

There must never be whitespace on the inside the parentheses.

The following patterns are considered problems:

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

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

The following patterns are not considered problems:

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

Further Reading

• stylelint - media-feature-parentheses-space-inside