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

@charset "UTF-8";
@media (min-width: 700px) and
(orientation: landscape) {}

The following patterns are not considered violations:

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

@import "x.css" screen and
(orientation:landscape);
@media (min-width: 700px) and
(orientation: landscape) {}

The following patterns are not considered violations:

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