noEmptyBlock
Diagnostic Category: lint/suspicious/noEmptyBlock
Since: v1.8.0
Sources:
- Same as:
stylelint/block-no-empty
Description
Section titled DescriptionDisallow 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/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
Section titled Validp { color: red;}p { /* foo */ }@media print { a { color: pink; } }How to configure
Section titled How to configure{ "linter": { "rules": { "suspicious": { "noEmptyBlock": "error" } } }}