noEmptyBlock

Цей контент ще не доступний вашою мовою.

Diagnostic Category: lint/suspicious/noEmptyBlock

Since: v1.8.0

Sources:

Same as: stylelint/block-no-empty

Description

Disallow CSS empty blocks.

By default, it will allow empty blocks with comments inside.

Examples

Invalid

p {}

code-block.css:1:3 lint/suspicious/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ An empty block isn’t allowed.
  
  > 1 │ p {}
      │   ^^
    2 │ 
  
  ℹ Consider removing the empty block or adding styles inside it.

.b {}

code-block.css:1:4 lint/suspicious/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ An empty block isn’t allowed.
  
  > 1 │ .b {}
      │    ^^
    2 │ 
  
  ℹ Consider removing the empty block or adding styles inside it.

@media print { a {} }

code-block.css:1:18 lint/suspicious/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ An empty block isn’t allowed.
  
  > 1 │ @media print { a {} }
      │                  ^^
    2 │ 
  
  ℹ Consider removing the empty block or adding styles inside it.

Valid

p {
  color: red;
}

p { /* foo */ }

@media print { a { color: pink; } }

How to configure

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