Scalable Modular Architecture for CSS (SMACSS)

Module and Module Variation 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 "Module and Module Variation 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:

Module names do not contain a prefix. Module variations, however, are prefixed with the module name. For example, .btn may be the module name and .btn-large would be a variation name. Style names of module child element should not include the module name so they can be rescued elsewhere.

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