at-rule-name-space-after.md

Pattern: Missing space after at-rule name

Issue: -

Description

Require a single space after at-rule names. This rule ignores @import in Less.

Examples

"always"

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

The following patterns are considered violations:

@charset"UTF-8";

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

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

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

The following patterns are not considered violations:

@charset "UTF-8";

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

@charset"UTF-8";

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

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

The following patterns are not considered violations:

@charset "UTF-8";

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

Further Reading

• stylelint - at-rule-name-space-after