Only affect one piece of the DOM at a time. These are the utility classes or overrides and usually carry !important. For example, a javascript button click state like .is-active. Namespace these classes with l-. followed by lower case letters or hyphens