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"