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 violations:

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

The following patterns are not considered violations:

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

"never"#

There must never be whitespace on the inside the parentheses.

The following patterns are considered violations:

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

The following patterns are not considered violations:

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