at-rule-allowed-list.md

Pattern: Use of non-allowed-listed at-rule

Issue: -

Description

Specify a whitelist of allowed at-rules. This rule ignores @import in Less.

Examples

array|string: ["array", "of", "unprefixed", "at-rules"]|"at-rule"

Given:

["extend", "keyframes"]

The following patterns are considered violations:

@import "path/to/file.css";

@media screen and (max-width: 1024px) {
  a { display: none; }
}

The following patterns are not considered violations:

a { @extend placeholder; }

@keyframes name {
  from { top: 10px; }
  to { top: 20px; }
}

@KEYFRAMES name {
  from { top: 10px; }
  to { top: 20px; }
}

@-moz-keyframes name {
  from { top: 10px; }
  to { top: 20px; }
}

## Further Reading

* [stylelint - at-rule-allowed-list](https://stylelint.io/user-guide/rules/at-rule-allowed-list)