CSS Naming Conventions: kebab-case, BEM, and Beyond
CSS is case-insensitive for selectors, but class names must match exactly. The community has standardized on kebab-case because it's readable, URL-safe, and consistent with HTML attributes.
BEM notation
Block__Element--Modifier extends kebab-case for component architecture:
.card {} /* block */
.card__title {} /* element */
.card--featured {} /* modifier */
.card__title--large {} /* element modifier */
