Можно ли сокращить классы в БЕМ?

Question

[x3miSt]

Допустим у меня есть блок с классом:

"advantages"

Могу я элементам в блоке задавать класс в сокращенном виде, но в стиле БЕМ "adv__title" ?

.advantages { background: #000; }

.adv__title { color: #fff; }

Answer 1

[ReActor Дмитрий Вершанский]

Приветствую!
Не желательно по двум причинам:

а) Такой способ (сокращения), только на первый взгляд кажется направленным в сторону минимизации затрачиваемого времени на верстку. На самом деле при этом вы увеличиваете шансы на ошибку при переносе классов в css, в качестве селекторов + к этому тратите время на раздумья - "Как же все таки сократить? Так или эдак..."

б) При использовании плагинов, с целью авторазвертки структуры классов-селекторов, работая, к примеру, с препроцессорами (SASS/SCSS), вы препятствуете корректной их работе, с точки зрения БЭМ контекста.

Вывод:
Гораздо менее затратно копи-пастить имя уже созданного блока для последующих элементов и их модиффикаторов, нежели каждый раз думать над сокращениями. А так же в препроцессорах, необходимость копипастить вообще исходит на нет, так как имя блока, можно заменить символом - & (амперсанд)

Comments

[ReActor Дмитрий Вершанский]

Пример:

.advantages {
    &__element {

    }
    &__element2 {

    }
}