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 */
}