Skip to content
Biome
Docs Blog Playground

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 Examples

Invalid

Section titled Invalid
a {}
@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 {}
Section titled Related links