CSS Naming Convention for This Website

Note: This is internal documentation shared here in case it’s useful to others.

This naming convention is inspired by the BEM and SUIT CSS methodologies.

/* Variables */
--VariableName
--VariableName_VariationName

/* Utilities */
.u-UtilityName
.u-UtilityName_VariationName

/* Components */
.ComponentName
.ComponentName__DescendantName
.ComponentName__DescendantName_ModifierName
.ComponentName_ModifierName