Skip to main content

at-rule-no-vendor-prefix

Disallow vendor prefixes for at-rules.

    @-webkit-keyframes { 0% { top: 0; } }
/**   ↑
 * This prefix */

This rule ignores non-standard vendor-prefixed at-rules that aren't handled by Autoprefixer.

The fix option can automatically fix all of the problems reported by this rule. However, it will not remove duplicate at-rules produced when the prefixes are removed. You can use Autoprefixer itself, with the add option off and the remove option on, in these situations.

Options​

true​

{
  "at-rule-no-vendor-prefix": true
}

The following patterns are considered problems:

@-webkit-keyframes { 0% { top: 0; } }
@-ms-viewport { orientation: landscape; }

The following patterns are not considered problems:

@keyframes { 0% { top: 0; } }
@viewport { orientation: landscape; }

Optional secondary options​

ignoreAtRules​

{ "ignoreAtRules": ["array", "of", "at", "rules", "/regex/"] }

Given:

{
  "at-rule-no-vendor-prefix": [
    true,
    { "ignoreAtRules": ["-webkit-keyframes", "/-viewport/i"] }
  ]
}

The following patterns are not considered problems:

@-webkit-keyframes {}
@-ms-viewport {}