rule-empty-line-before.md

Pattern: Malformed empty line before rule

Issue: -

Description

Require or disallow an empty line before rules. If the rule is the very first node in a stylesheet then it is ignored.

Examples

"always"

There must always be an empty line before rules.

The following patterns are considered violations:

a {} b {}

a {}
b {}

The following patterns are not considered violations:

a {}

b {}

"never"

There must never be an empty line before rules.

The following patterns are considered violations:

a {}

b {}

The following patterns are not considered violations:

a {} b {}

a {}
b {}

"always-multi-line"

There must always be an empty line before multi-line rules.

The following patterns are considered violations:

a {
  color: red;
}
b {
  color: blue;
}

The following patterns are not considered violations:

a {
  color: red;
}

b {
  color: blue;
}

"never-multi-line"

There must never be an empty line before multi-line rules.

The following patterns are considered violations:

a {
  color: red;
}

b {
  color: blue;
}

The following patterns are not considered violations:

a {
  color: red;
}
b {
  color: blue;
}

Configuration

except: ["after-rule", "after-single-line-comment", "inside-block-and-after-rule", "first-nested"]

"after-rule"

Reverse the primary option if the rule comes after another rule.

For example, with "always":

The following patterns are considered violations:

a {}

b {}

The following patterns are not considered violations:

a {}
b {}

"after-single-line-comment"

Reverse the primary option if the rule comes after a single-line comment.

For example, with "always":

The following patterns are considered violations:

/* comment */

a {}

The following patterns are not considered violations:

/* comment */
a {}

"inside-block-and-after-rule"

Reverse the primary option if the rule is inside a block and comes after another rule.

For example, with "always":

The following patterns are considered violations:

@media {

  a {}

  b {}
}

The following patterns are not considered violations:

@media {
  a {}
  b {}
}

"first-nested"

Reverse the primary option if the rule is the first in a block.

For example, with "always":

The following patterns are considered violations:

@media {

  a {}

  b {}
}

The following patterns are not considered violations:

@media {
  a {}

  b {}
}

ignore: ["after-comment", "inside-block"]

"after-comment"

Ignore rules that come after a comment.

For example, with "always":

The following patterns are not considered violations:

/* comment */
a {}

"inside-block"

Ignore rules that are inside a block.

For example, with "always":

The following patterns are not considered violations:

@media {
  a {}
}

@media {
  a {}
  b {}
}

Further Reading

• stylelint - rule-empty-line-before