Как сверстать подобную картинку(цитату) согласно BEM на less(css) в codepen?

Question

[krll-k]

Допустим модификатором будут цвета фона: "Синий, Зеленый, Белый, и т.д."


Тут экспериментирую(ссылка):
Вопрос для того чтобы понять что из себя представляет Bem на собственном примере, - то что он необходим для крупных(долгоподдерживаемых проектов), - мне известно!

Но критика, любая, - приветствуется!!

Но задача сделать все пиксель к пикселю(один в один) используя Bem и lessjs. Какая структура BemHTML должна соответствовать данной картинке(постеру - цитате)?

Answer 1

[Maksim Zverev]

Есть отличный пример проекта сверстанного с пользованием бем:
https://github.com/alexbaumgertner/hunter-boat