noDuplicateAtImportRules

Diagnostic Category: lint/suspicious/noDuplicateAtImportRules

Since: v1.8.0

Sources:

Same as: stylelint/no-duplicate-at-import-rules

Description

Disallow duplicate @import rules.

This rule checks if the file urls of the @import rules are duplicates.

This rule also checks the imported media queries and alerts of duplicates.

Examples

Invalid

@import 'a.css';
@import 'a.css';

code-block.css:2:2 lint/suspicious/noDuplicateAtImportRules ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Each @import should be unique unless differing by media queries.
  
    1 │ @import ‘a.css’;
  > 2 │ @import ‘a.css’;
      │  ^^^^^^^^^^^^^^^
    3 │ 
  
  ℹ Consider removing one of the duplicated imports.

@import "a.css";
@import 'a.css';

code-block.css:2:2 lint/suspicious/noDuplicateAtImportRules ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Each @import should be unique unless differing by media queries.
  
    1 │ @import “a.css”;
  > 2 │ @import ‘a.css’;
      │  ^^^^^^^^^^^^^^^
    3 │ 
  
  ℹ Consider removing one of the duplicated imports.

@import url('a.css');
@import url('a.css');

code-block.css:2:2 lint/suspicious/noDuplicateAtImportRules ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Each @import should be unique unless differing by media queries.
  
    1 │ @import url(‘a.css’);
  > 2 │ @import url(‘a.css’);
      │  ^^^^^^^^^^^^^^^^^^^^
    3 │ 
  
  ℹ Consider removing one of the duplicated imports.

Valid

@import 'a.css';
@import 'b.css';

@import url('a.css') tv;
@import url('a.css') projection;

How to configure

{
  "linter": {
    "rules": {
      "suspicious": {
        "noDuplicateAtImportRules": "error"
      }
    }
  }
}