本文へスキップ

custom-property-empty-line-before

カスタムプロパティの前に空行を必須または禁止します。

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

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

オプション​

string: "always"|"never"

"always"​

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

a {
  top: 10px;
  --foo: pink;
  --bar: red;
}

次のパターンは問題とみなされません。

a {
  top: 10px;

  --foo: pink;

  --bar: red;
}

"never"​

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

a {
  top: 10px;

  --foo: pink;

  --bar: red;
}
a {

  --foo: pink;
  --bar: red;
}

次のパターンは問題とみなされません。

a {
  top: 10px;
  --foo: pink;
  --bar: red;
}
a {
  --foo: pink;
  --bar: red;
}

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

except: ["after-comment", "after-custom-property", "first-nested"]​

"after-comment"​

コメントに続くカスタムプロパティに対して、主要なオプションを反転します。

共有行コメントはこのオプションをトリガーしません。

例: "always"の場合

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

a {

  --foo: pink;
  /* comment */

  --bar: red;
}
a {

  --foo: pink; /* comment */
  --bar: red;
}

次のパターンは問題とみなされません。

a {

  --foo: pink;
  /* comment */
  --bar: red;
}
a {

  --foo: pink; /* comment */

  --bar: red;
}

"after-custom-property"​

別のカスタムプロパティに続くカスタムプロパティに対して、主要なオプションを反転します。

共有行コメントはこのオプションに影響しません。

例: "always"の場合

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

a {

  --foo: pink;

  --bar: red;
}
a {

  --foo: pink; /* comment */

  --bar: red;
}

次のパターンは問題とみなされません。

a {

  --foo: pink;
  --bar: red;
}
a {

  --foo: pink; /* comment */
  --bar: red;
}

"first-nested"​

ネストされていて、親ノードの最初のチャイルドであるカスタムプロパティに対して、主要なオプションを反転します。

例: "always"の場合

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

a {

  --foo: pink;

  --bar: red;
}

次のパターンは問題とみなされません。

a {
  --foo: pink;

  --bar: red;
}

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

"after-comment"​

コメントに続くカスタムプロパティを無視します。

例: "always"の場合

次のパターンは問題とみなされません。

a {
  /* comment */
  --foo: pink;
}

"first-nested"​

ネストされていて、親ノードの最初のチャイルドであるカスタムプロパティを無視します。

例: "always"の場合

次のパターンは問題とみなされません。

a {
  --foo: pink;

  --bar: red;
}

"inside-single-line-block"​

シングルラインブロック内にあるカスタムプロパティを無視します。

例: "always"の場合

次のパターンは問題とみなされません。

a { --foo: pink; --bar: red; }