本文へスキップ

rule-empty-line-before

ルール前に空行を必須または禁止します。

a {}
      /* ← */
b {}  /* ↑ */
/**      ↑
 * This line */

このルールは、ソースの最初のノードであるルールを無視します。

fixオプションを使用すると、このルールによって報告された問題をすべて自動的に修正できます。

オプション​

string: "always"|"never"|"always-multi-line"|"never-multi-line"

"always"​

ルールの前には常に空行が必要です。

次のパターンは問題と見なされます

a {} b {}
a {}
b {}

次のパターンは問題ではありません

a {}

b {}

"never"​

ルールの前には決して空行があってはなりません。

次のパターンは問題と見なされます

a {}

b {}

次のパターンは問題ではありません

a {} b {}
a {}
b {}

"always-multi-line"​

複数行のルールの前には常に空行が必要です。

次のパターンは問題と見なされます

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

次のパターンは問題ではありません

a {
  color: red;
}

b {
  color: blue;
}

"never-multi-line"​

複数行のルールの前には決して空行があってはなりません。

次のパターンは問題と見なされます

a {
  color: red;
}

b {
  color: blue;
}

次のパターンは問題ではありません

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

オプションのセカンダリオプション​

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

"after-rule"​

別のルールに続くルールに対して、主要なオプションを反転します。

たとえば、"always"の場合

次のパターンは問題と見なされます

a {}

b {}

次のパターンは問題ではありません

a {}
b {}

"after-single-line-comment"​

1行のコメントに続くルールに対して、主要なオプションを反転します。

たとえば、"always"の場合

次のパターンは問題と見なされます

/* comment */

a {}

次のパターンは問題ではありません

/* comment */
a {}

"inside-block-and-after-rule"​

ブロック内にあり、別のルールに続くルールに対して、主要なオプションを反転します。

たとえば、"always"の場合

次のパターンは問題と見なされます

@media {

  a {}

  b {}
}

次のパターンは問題ではありません

@media {

  a {}
  b {}
}

"inside-block"​

ブロック内にあるルールに対して、主要なオプションを反転します。

たとえば、"always"の場合

次のパターンは問題と見なされます

a {
  color: red;

  & b {
    color: blue;
  }
}

次のパターンは問題ではありません

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

"first-nested"​

ネストされており、親ノードの最初の子であるルールに対して、主要なオプションを反転します。

たとえば、"always"の場合

次のパターンは問題と見なされます

@media {

  a {}

  b {}
}

次のパターンは問題ではありません

@media {
  a {}

  b {}
}

ignore: ["after-comment", "first-nested", "inside-block"]​

"after-comment"​

コメントに続くルールを無視します。

たとえば、"always"の場合

次のパターンは問題ではありません

/* comment */
a {}

"first-nested"​

ネストされており、親ノードの最初の子であるルールを無視します。

たとえば、"always"の場合

次のパターンは問題ではありません

@media {
  a {}

  b {}
}

"inside-block"​

ブロック内にあるルールを無視します。

たとえば、"always"の場合

次のパターンは問題ではありません

@media {
  a {}
}
@media {
  a {}
  b {}
}