Maintain consistency with established CSS naming conventions already used in the codebase. For CSS classes, follow BEM methodology when that's the existing pattern. For custom properties, use semantic names that clearly indicate their purpose and work across themes.
Maintain consistency with established CSS naming conventions already used in the codebase. For CSS classes, follow BEM methodology when that’s the existing pattern. For custom properties, use semantic names that clearly indicate their purpose and work across themes.
Examples:
&.FunnelBarHorizontal--has-optional-steps instead of &.has-optional-steps--gray-1, --gray-2 for theme-agnostic color variables that automatically adapt to light/dark themesThis ensures code maintainability and helps other developers quickly understand the naming system in use.
Enter the URL of a public GitHub repository