block-opening-brace-space-after.md

Pattern: Incorrect spacing after opening brace

Issue: -

Description

Require a single space or disallow whitespace after the opening brace of blocks.

  a { color: pink; }
/** ↑
 * The space after this brace */

Examples

string: "always"|"never"|"always-single-line"|"never-single-line"|"always-multi-line"|"never-multi-line"

"always"

There must always be a single space after the opening brace.

The following patterns are considered problems:

a {color: pink; }

a {
color: pink; }

The following patterns are not considered problems:

a { color: pink; }

a { color: pink;
}

"never"

There must never be whitespace after the opening brace.

The following patterns are considered problems:

a { color: pink; }

a {
color: pink; }

The following patterns are not considered problems:

a {color: pink; }

a
{color: pink; }

"always-single-line"

There must always be a single space after the opening brace in single-line blocks.

The following patterns are considered problems:

a {color: pink; }

The following patterns are not considered problems:

a { color: pink; }

a {color: pink;
}

"never-single-line"

There must never be whitespace after the opening brace in single-line blocks.

The following patterns are considered problems:

a { color: pink; }

The following patterns are not considered problems:

a {color: pink; }

a { color: pink;
}

"always-multi-line"

There must always be a single space after the opening brace in multi-line blocks.

The following patterns are considered problems:

a {color: pink;
}

The following patterns are not considered problems:

a {color: pink; }

a { color: pink;
}

"never-multi-line"

There must never be whitespace after the opening brace in multi-line blocks.

The following patterns are considered problems:

a { color: pink;
}

The following patterns are not considered problems:

a { color: pink; }

a {color: pink;
}

Configuration

ignore: ["at-rules"]

Ignore the opening brace of at-rules.

For example, with "always":

The following pattern is not considered a problem:

@media print {
  a { color: pink; }
}

Further Reading

• stylelint - block-opening-brace-space-after