Disallow empty rules

Frank Dana edited this page May 4, 2018 · 6 revisions

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 */
}
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.