Skip to content

Latest commit

 

History

History
297 lines (200 loc) · 3.93 KB

README.md

File metadata and controls

297 lines (200 loc) · 3.93 KB
Raw

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 come after 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 come after 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 are preceded by comments.

For example, with "always":

The following patterns are not considered violations:

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

"after-declaration"

Ignore declarations that are preceded by declarations, to allow for multiple declaration sets in the same block.

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; }