Skip to content

Files

Latest commit

 

History

History
273 lines (182 loc) · 3.28 KB

declaration-empty-line-before.md

File metadata and controls

273 lines (182 loc) · 3.28 KB

Pattern: Malformed empty line before declaration

Issue: -

Description

Require or disallow an empty line before declarations. This rule only applies to standard property declarations.

Examples

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

Configuration

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

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

Further Reading