Skip to content

media-feature-parentheses-space-inside ​

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

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

The fix option can automatically fix all of the problems reported by this rule.

Options ​

string: "always"|"never"

"always" ​

There must always be a single space inside the parentheses.

The following patterns are considered problems:

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

The following patterns are not considered problems:

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

"never" ​

There must never be whitespace on the inside the parentheses.

The following patterns are considered problems:

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

The following patterns are not considered problems:

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

Released under the MIT License.