Require an empty line or disallow empty lines before @
-else.
@if ($a == 0) { }
/* ← */
@else if ($x == 2) { } ↑
↑
/** ↑
* This empty line */
The --fix
option on the command line can automatically fix all of the problems reported by this rule.
@if
and @else
statements might need to have different behavior than all the other at-rules. For that you might need to set "ignoreAtRules": ["else"]
for stylelint's core rule at-rule-empty-line-before
. But that would make you unable to disallow empty lines before @else
while forcing it to be on a new line. This rule is designed to solve exactly that.
string
: "never"
There is no "always"
, "always-single-line"
options, because for such cases stylelint's at-rule-empty-line-before
would work.
There must never be an empty line before @else
statements.
The following patterns are considered warnings:
@if ($x == 1) {
// ...
}
@else {}
@if ($x == 1) {
// ...
} @else if ($x == 2) {
// ...
}
@else { }
The following patterns are not considered warnings:
@if ($x == 1) {
// ...
} @else if ($x == 2) {
// ...
} @else {}
a {
@if ($x == 1) {
// ...
}
@else ($x == 2) {
// ...
}
}
If you use autofix, this rule could clash with at-mixin-parentheses-space-before
rule.