function-name-case
関数名に小文字または大文字を指定します。
a { width: calc(5% - 10em); }
/** ↑
* This function */
lower
オプションを使用する場合、`translateX`などのキャメルケースの関数名は考慮されます。
fix
オプション は、このルールによって報告されたすべての問題を自動的に修正できます。
message
セカンダリオプション は、このルールの引数を取得できます。
オプション
string
: "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();
}