Naming Conventions

BEM convention for classes and components.

Custom classes used for styling (in main.css used with Tailwind classes @apply) in atomic components or recurring base styles for components variants eg: buttons, links, card base styles.

Used also for styles added or remove via js.