Naming conventions Utilities u-[sm-|md-|lg-]<utilityName> Components [<namespace>-]<ComponentName>[-descendentName][--modifierName] States ComponentName.is-<stateOfComponent> Variables --ComponentName[-descendant|--modifier][-onState]-(cssProperty|variableName) Theme Variables --variableName