at-rule-name-space-after

Require a single space after at-rule names.

@media (max-width: 600px) {}
/**   ↑
 * The space after at-rule names */

The fix option can automatically fix most of the problems reported by this rule. Under Less it writes no space behind an @import or @plugin with no whitespace behind the name, since Less takes the two as directives only with whitespace there. The warning stands.

The rule passes over @charset, whose spelling Stylelint's at-charset-rule-no-invalid rule judges; a CSS file holding one gets a warning asking for that rule where the configuration leaves it off.

Options

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

"always"

There must always be a single space after at-rule names.

The following patterns are considered problems:

@import"x.css";

@media(min-width: 700px) {}

@media  (min-width: 700px) {}

@media
(min-width: 700px) {}

The following patterns are not considered problems:

@import "x.css";

@import url("x.css");

@media (min-width: 700px) {}

"always-single-line"

There must always be a single space after at-rule names in single-line declaration blocks.

The following patterns are considered problems:

@import"x.css";

@media(min-width: 700px) {}

@media  (min-width: 700px) {}

The following patterns are not considered problems:

@import "x.css";

@import url("x.css");

@media (min-width: 700px) {}

@media
(min-width: 700px) {}

@media(min-width: 700px) and
  (orientation: portrait) {}

@media
  (min-width: 700px) and
  (orientation: portrait) {}