| # function-name-case |
| |
| Specify lowercase or uppercase for function names. |
| |
| ```css |
| a { width: calc(5% - 10em); } |
| /** ↑ |
| * This function */ |
| ``` |
| |
| Camel case function names, e.g. `translateX`, are accounted for when the `lower` option is used. |
| |
| The `--fix` option on the [command line](../../../docs/user-guide/cli.md#autofixing-errors) can automatically fix all of the problems reported by this rule. |
| |
| ## Options |
| |
| `string`: `"lower"|"upper"` |
| |
| ### `"lower"` |
| |
| The following patterns are considered violations: |
| |
| ```css |
| a { |
| width: Calc(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| width: cAlC(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| width: CALC(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| background: -WEBKIT-RADIAL-GRADIENT(red, green, blue); |
| } |
| ``` |
| |
| The following patterns are *not* considered violations: |
| |
| ```css |
| a { |
| width: calc(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| background: -webkit-radial-gradient(red, green, blue); |
| } |
| ``` |
| |
| ### `"upper"` |
| |
| The following patterns are considered violations: |
| |
| ```css |
| a { |
| width: Calc(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| width: cAlC(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| width: calc(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| background: -webkit-radial-gradient(red, green, blue); |
| } |
| ``` |
| |
| The following patterns are *not* considered violations: |
| |
| ```css |
| a { |
| width: CALC(5% - 10em); |
| } |
| ``` |
| |
| ```css |
| a { |
| background: -WEBKIT-RADIAL-GRADIENT(red, green, blue); |
| } |
| ``` |
| |
| ## Optional secondary options |
| |
| ### `ignoreFunctions: ["/regex-as-string/", /regex/, "non-regex"]` |
| |
| Ignore case of function names. |
| |
| For example, with `"lower"`. |
| |
| Given: |
| |
| ```js |
| ["some-function", "/^get.*$/"] |
| ``` |
| |
| The following patterns are considered violations: |
| |
| ```css |
| a { |
| color: sOmE-FuNcTiOn(); |
| } |
| ``` |
| |
| ```css |
| a { |
| color: some-other-function(); |
| } |
| ``` |
| |
| ```css |
| a { |
| color: GetColor(); |
| } |
| ``` |
| |
| ```css |
| a { |
| color: GET_COLOR(); |
| } |
| ``` |
| |
| The following patterns are *not* considered violations: |
| |
| ```css |
| a { |
| display: some-function(); |
| } |
| ``` |
| |
| |
| ```css |
| a { |
| display: getColor(); |
| } |
| ``` |
| |
| ```css |
| a { |
| display: get_color(); |
| } |
| ``` |