Disallow empty rules

An empty rule is one that doesn't contain any properties, such as:

.foo {
}

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.

Rule Details

Rule ID: empty-rules

This rule warns when an empty rule is found in the CSS. The following patterns are considered warnings:

.mybox { }

.mybox {

}

.mybox { /* a comment */ }

.mybox {
    /* a comment */
}