noEmptyBlock (since v1.8.0)
Diagnostic Category: lint/nursery/noEmptyBlock
Sources:
- Same as:
stylelint/no-empty-block
Disallow CSS empty blocks.
By default, it will allow empty blocks with comments inside.
Examples
Section titled ExamplesInvalid
Section titled Invalidp {}
code-block.css: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 {}
code-block.css: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 {} }
code-block.css: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 Validp { color: red;}
p { /* foo */ }
@media print { a { color: pink; } }