noInvalidPositionAtImportRule (since v1.8.0)
Diagnostic Category: lint/nursery/noInvalidPositionAtImportRule
Sources:
Disallow the use of @import at-rules in invalid positions.
Any @import rules must precede all other valid at-rules and style rules in a stylesheet (ignoring @charset and @layer), or else the @import rule is invalid.
Examples
Section titled ExamplesInvalid
Section titled Invalida {}@import 'foo.css';code-block.css:2:2 lint/nursery/noInvalidPositionAtImportRule ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ This @import is in the wrong position.
1 │ a {}
> 2 │ @import 'foo.css';
│ ^^^^^^^^^^^^^^^^^
3 │
ℹ Any @import rules must precede all other valid at-rules and style rules in a stylesheet (ignoring @charset and @layer), or else the @import rule is invalid.
ℹ Consider moving import position.
Valid
Section titled Valid@import 'foo.css';a {}