Scalable Modular Architecture for CSS (SMACSS)

State Names

Jonathan Snook

Jonathan Snook

Snook.ca Web Development, Inc.
Scalable Modular Architecture for CSS (SMACSS)

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.

Preview
Close

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now