Skip to content

noUnknownFunction

Diagnostic Category: lint/correctness/noUnknownFunction

CSS

Since: v1.8.0

Sources:

Same as: stylelint/function-no-unknown

Description

Disallow unknown CSS value functions.

This rule ignores double-dashed custom functions, e.g. --custom-function().

Data sources of known CSS value functions are:

MDN reference on CSS value functions
MDN reference on CSS reference
MDN browser compatibility data for CSS value functions

Examples

Invalid

a { transform: unknown(1); }

code-block.css:1:16 lint/correctness/noUnknownFunction ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected unknown function: unknown
  
  > 1 │ a { transform: unknown(1); }
      │                ^^^^^^^
    2 │ 
  
  ℹ Use a known function instead.
  
  ℹ See MDN web docs for more details.

Valid

a { transform: scale(1); }

How to configure

{
  "linter": {
    "rules": {
      "correctness": {
        "noUnknownFunction": "error"
      }
    }
  }
}