Skip to main content

function-no-unknown

Disallow unknown functions.

a { transform: unknown(1); }
/** ↑
* Functions like this */

This rule considers functions defined in the CSS Specifications to be known.

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

The message secondary option can accept the arguments of this rule.

This rule overlaps with:

We recommend using these rules for CSS and this rule for CSS-like languages, such as SCSS and Less.

Options

true

{
"function-no-unknown": true
}

The following patterns are considered problems:

a { transform: unknown(1); }

The following patterns are not considered problems:

a { transform: scale(1); }
a { transform: --custom-function(1); }

Optional secondary options

ignoreFunctions

{ "ignoreFunctions": ["array", "of", "functions", "/regex/"] }

Ignore the specified functions.

Given:

{
"function-no-unknown": [true, { "ignoreFunctions": ["theme", "/^foo-/"] }]
}

The following patterns are not considered problems:

a { transform: theme(1); }
a { transform: foo-func(1); }