Skip to main content

media-feature-parentheses-space-inside

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 */

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:

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