跳至主要內容

function-name-case

指定函數名稱使用小寫或大寫。

a { width: calc(5% - 10em); }
/**        ↑
 * This function */

當使用 lower 選項時，會考量駝峰式函數名稱，例如 translateX。

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

message 次要選項 可以接受此規則的參數。

選項​

字串："lower"|"upper"

"lower"​

下列模式會被視為問題

a {
  width: Calc(5% - 10em);
}
a {
  width: cAlC(5% - 10em);
}
a {
  width: CALC(5% - 10em);
}
a {
  background: -WEBKIT-RADIAL-GRADIENT(red, green, blue);
}

下列模式不會被視為問題

a {
  width: calc(5% - 10em);
}
a {
  background: -webkit-radial-gradient(red, green, blue);
}

"upper"​

下列模式會被視為問題

a {
  width: Calc(5% - 10em);
}
a {
  width: cAlC(5% - 10em);
}
a {
  width: calc(5% - 10em);
}
a {
  background: -webkit-radial-gradient(red, green, blue);
}

下列模式不會被視為問題

a {
  width: CALC(5% - 10em);
}
a {
  background: -WEBKIT-RADIAL-GRADIENT(red, green, blue);
}

可選擇的次要選項​

ignoreFunctions: ["/regex/", /regex/, "non-regex"]​

忽略函數名稱的大小寫。

例如，使用 "lower"。

給定

["--some-function", "/^--get.*$/"]

下列模式會被視為問題

a {
  color: --sOmE-FuNcTiOn();
}
a {
  color: --GetColor();
}
a {
  color: --GET_COLOR();
}

下列模式不會被視為問題

a {
  display: --some-function();
}
a {
  display: --getColor();
}
a {
  display: --get_color();
}