跳到主要內容

custom-property-empty-line-before

要求或禁止自訂屬性前有空行。

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

fix 選項 可以自動修正此規則報告的所有問題。

選項​

字串："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; }