Pleasant BEM Syntax and methodology

This document explains how to properly use BEM (Block-Element-Modifier) methodology in the codebase.

We don't use the classic BEM syntax. We use Pleasant BEM.

Pleasant BEM

Syntax:

• .BlockName
• .BlockName.modifierName
• .BlockName-elementName
• .BlockName-elementName.modifierName

Regular Modifiers (Most Common)

Regular modifiers change the appearance or state of a specific block or element. They are the most frequently used BEM feature: