Skip to content
Biome
Docs Blog Playground

noEmptyBlock (since v1.8.0)

Diagnostic Category: lint/nursery/noEmptyBlock

Sources:

Disallow CSS empty blocks.

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

Examples

Section titled Examples

Invalid

Section titled Invalid
p {}
nursery/noEmptyBlock.js:1:3 lint/nursery/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

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

.b {}
nursery/noEmptyBlock.js:1:4 lint/nursery/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

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

@media print { a {} }
nursery/noEmptyBlock.js:1:18 lint/nursery/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

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

Valid

Section titled Valid
p {
  color: red;
}
p { /* foo */ }

nursery/noEmptyBlock.js:1:3 lint/nursery/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✖ An empty block isn’t allowed.

> 1 │ p { /* foo */ } │ ^^^^^^^^^^^^^ 2 │

ℹ Consider removing the empty block or adding styles inside it.

@media print { a { color: pink; } }
Section titled Related links