State Names

Check out a free preview of the full Scalable Modular Architecture for CSS (SMACSS) course

The "State Names" Lesson is part of the full, Scalable Modular Architecture for CSS (SMACSS) course featured in this preview video. Here's what you'd learn in this lesson:

Naming states involves adding an “is-“ prefix to the state name like. If the state is specific to a module, then it would be prefixed with the module name. For example, the .btn module may have an active state. That state would be named .btn-is-active.