no-invalid-position-at-import-rule

禁止无效位置的 @import 规则。

a {}
@import 'foo.css';
/** ↑
  * This @import */

任何 @import 规则必须在样式表中所有其他有效 at-规则和样式规则之前（忽略 @charset 和 @layer），否则 @import 规则无效。

选项

true

以下模式被视为问题

a {}
@import 'foo.css';

@media print {}
@import 'foo.css';

以下模式不被视为问题

@import 'foo.css';
a {}

/* some comment */
@import 'foo.css';

@charset 'utf-8';
@import 'foo.css';

@layer default;
@import url(theme.css) layer(theme);

可选的次要选项

ignoreAtRules: ["/regex/", /regex/, "string"]

给定

["/^--my-/", "--custom"]

以下模式不被视为问题

@--my-at-rule "bar.css";
@import "foo.css";

@--my-other-at-rule {}
@import "foo.css";

@--custom "bar.css";
@import "foo.css"