at-rule-name-newline-after.md

Pattern: Missing newline after at-rule name

Issue: -

Description

Require a newline after at-rule names.

    @media
   /*↑*/  (max-width: 600px) {}
/**  ↑
 * The newline after this at-rule name */

Examples

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

"always"

There must always be a newline after at-rule names.

The following patterns are considered problems:

@charset "UTF-8";

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

The following patterns are not considered problems:

@charset
  "UTF-8";

@import
  "x.css" screen and
 (orientation:landscape);

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

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

"always-multi-line"

There must always be a newline after at-rule names in at-rules with multi-line parameters.

The following patterns are considered problems:

@import "x.css" screen and
 (orientation:landscape);

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

The following patterns are not considered problems:

@charset "UTF-8";

@charset
  "UTF-8";

@import "x.css" screen and (orientation:landscape);

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

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

Further Reading

• stylelint - at-rule-name-newline-after