An empty rule is one that doesn't contain any properties or variable declarations. A lot of times, empty rules appear as a result of refactoring without further cleanup. Eliminating empty rules results in smaller file sizes and less style information for the browser to deal with.

## Noncompliant Code Example

    .foo {
    }

    .foo {
      /* blabla */
    }

    @font-face {
    }

## stylelint Related Rules

- block-no-empty