Skip to main content

at-rule-name-newline-after

Require a newline after at-rule names.

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

Options

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