跳至主要内容

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