Правильно ли так использовать модификатор?

Question

[mishapsv]

Я использую БЭМ (пытаюсь) для наименования классов, по Галлохеру:
.block
.block__elem
.block__elem--modif

Не совсем понимаю как использовать блоки на разных страницах применяя модификатор.
К примеру, у меня есть форма для поп-апа .form
Мне нужно использовать ее модифицированную версию на другой странице.
Я могу просто задать ей класс "form form--on-page"
И записать стили следующем образом

Или это неправильный путь?

Answer 1

[Алексей Ярошевич]

Да, вполне рабочий вариант.

Answer 2

[Олег Черр]

Да, всё верно. Единственное – я бы порекомендовал подумать над форматом названий классов. Использование двойного тире и двойного подчёркивания мне видится не самой удачной идеей. Смотрится очень громоздко, особенно когда у одного элемента несколько подобных классов.

.block__elem {}
.block__elem--modif {}

К тому же часто возникает проблема с одинаковыми именами (не хватает ещё дополнительных неймспейсов/префиксов). Поэтому рекомендую подумать и подстроить бэм под себя. Вспомните задачи, с которыми вы работаете сейчас и будете работать в будущем, и решите их самым простым, читабельным и удобным для вас (и вашей команды) способом. Вот, например, как я именую бэм классы. Использую такой подход уже несколько лет. Разработка стала очень приятной.