メインコンテンツへスキップ

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();
}