declaration-empty-line-before

Require or disallow an empty line before declarations.

a {
  --foo: pink;
             /* ← */
  top: 15px; /* ↑ */
}            /* ↑ */
/**             ↑
 *      This line */

This rule only applies to standard property declarations. Use the custom-property-empty-line-before rule for custom property declarations.

The --fix option on the command line can automatically fix all of the problems reported by this rule. We recommend to enable indentation rule for better autofixing results with this rule.

Options

string: "always"|"never"

"always"

The following patterns are considered violations:

a {
  --foo: pink;
  top: 5px;
}

a {
  bottom: 15px;
  top: 5px;
}

The following patterns are not considered violations:

a {
  --foo: pink;

  top: 5px;
}

a {

  bottom: 15px;

  top: 5px;
}

"never"

The following patterns are considered violations:

a {
  --foo: pink;

  bottom: 15px;
}

a {

  bottom: 15px;

  top: 5px;
}

The following patterns are not considered violations:

a {
  --foo: pink;
  bottom: 15px;
}

a {
  bottom: 15px;
  top: 5px;
}

Optional secondary options

except: ["after-comment", "after-declaration", "first-nested"]

"after-comment"

Reverse the primary option for declarations that follow a comment.

Shared-line comments do not trigger this option.

For example, with "always":

The following patterns are considered violations:

a {
  /* comment */

  top: 5px;
}

a {
  bottom: 5px; /* comment */
  top: 5px;
}

The following patterns are not considered violations:

a {
  /* comment */
  top: 5px;
}

a {
  bottom: 5px; /* comment */

  top: 5px;
}

"after-declaration"

Reverse the primary option for declarations that follow another declaration.

Shared-line comments do not affect this option.

For example, with "always":

The following patterns are considered violations:

a {

  bottom: 15px;

  top: 5px;
}

a {

  bottom: 15px; /* comment */

  top: 5px;
}

The following patterns are not considered violations:

a {

  bottom: 15px;
  top: 5px;
}

a {

  bottom: 15px; /* comment */
  top: 5px;
}

"first-nested"

Reverse the primary option for declarations that are nested and the first child of their parent node.

For example, with "always":

The following patterns are considered violations:

a {

  bottom: 15px;

  top: 5px;
}

The following patterns are not considered violations:

a {
  bottom: 15px;

  top: 5px;
}

ignore: ["after-comment", "after-declaration", "first-nested", "inside-single-line-block"]

"after-comment"

Ignore declarations that follow a comment.

For example, with "always":

The following patterns are not considered violations:

a {
  /* comment */
  bottom: 15px;
}

"after-declaration"

Ignore declarations that follow another declaration.

For example, with "always":

The following patterns are not considered violations:

a {

  bottom: 15px;
  top: 15px;
}

a {

  bottom: 15px;

  top: 15px;
}

a {

  color: orange;
  text-decoration: none;

  bottom: 15px;
  top: 15px;
}

"first-nested"

Ignore declarations that are nested and the first child of their parent node.

For example, with "always":

The following patterns are not considered violations:

a {
  bottom: 15px;

  top: 5px;
}

"inside-single-line-block"

Ignore declarations that are inside single-line blocks.

For example, with "always":

The following patterns are not considered violations:

a { bottom: 15px; top: 5px; }