Consistent and Minimal
Write CSS per component.
Keep the same syling wherever the component is used: don't nest component CSS inside a different component.
Make all component CSS global. A component should look the same in on any page in and inside any other component.
Nest component sub-classes inside the component less to group the definitions together.
Inside a component's class keep it flat - only one level of nesting.
Use Unix notation for naming
Use the same name as the react component
Use parent class name to prefix inner class names to pervent collisions.
Use dash "-" as a delimiter between prefixes.
Use "sc_" as a prefix for sections.
Do not use "ad-" prefix for class names. Such items can be removed by ad blockers. Check that your code works with the ad blockers enabled.