Require or disallow an empty line before rules.
a {}
/* ← */
b {} /* ↑ */
/** ↑
* This line */
This rule ignores rules that are the very first node in a source.
The fix
option can automatically fix all of the problems reported by this rule.
string
: "always"|"never"|"always-multi-line"|"never-multi-line"
There must always be an empty line before rules.
The following patterns are considered problems:
a {} b {}
a {}
b {}
The following patterns are not considered problems:
a {}
b {}
There must never be an empty line before rules.
The following patterns are considered problems:
a {}
b {}
The following patterns are not considered problems:
a {} b {}
a {}
b {}
There must always be an empty line before multi-line rules.
The following patterns are considered problems:
a {
color: red;
}
b {
color: blue;
}
The following patterns are not considered problems:
a {
color: red;
}
b {
color: blue;
}
There must never be an empty line before multi-line rules.
The following patterns are considered problems:
a {
color: red;
}
b {
color: blue;
}
The following patterns are not considered problems:
a {
color: red;
}
b {
color: blue;
}
except: ["after-rule", "after-single-line-comment", "inside-block-and-after-rule", "inside-block", "first-nested"]
Reverse the primary option for rules that follow another rule.
For example, with "always"
:
The following patterns are considered problems:
a {}
b {}
The following patterns are not considered problems:
a {}
b {}
Reverse the primary option for rules that follow a single-line comment.
For example, with "always"
:
The following patterns are considered problems:
/* comment */
a {}
The following patterns are not considered problems:
/* comment */
a {}
Reverse the primary option for rules that are inside a block and follow another rule.
For example, with "always"
:
The following patterns are considered problems:
@media {
a {}
b {}
}
The following patterns are not considered problems:
@media {
a {}
b {}
}
Reverse the primary option for rules that are inside a block.
For example, with "always"
:
The following patterns are considered problems:
a {
color: red;
& b {
color: blue;
}
}
The following patterns are not considered problems:
a {
color: red;
& b {
color: blue;
}
}
Reverse the primary option for rules that are nested and the first child of their parent node.
For example, with "always"
:
The following patterns are considered problems:
@media {
a {}
b {}
}
The following patterns are not considered problems:
@media {
a {}
b {}
}
Ignore rules that follow a comment.
For example, with "always"
:
The following patterns are not considered problems:
/* comment */
a {}
Ignore rules that are nested and the first child of their parent node.
For example, with "always"
:
The following patterns are not considered problems:
@media {
a {}
b {}
}
Ignore rules that are inside a block.
For example, with "always"
:
The following patterns are not considered problems:
@media {
a {}
}
@media {
a {}
b {}
}