Чем считаются одинаковые ссылки с разными иконками в БЭМ?

Question

[rtfm mftr]

Имеем что-то вроде

<ul class='social-list'> //блок
  <li class='social-list-item'> //блок
    <a class='social__btn'>facebook</a> //элемент
   </li>
   <li class='social-list-item'>
    <a class='social__btn'>twitter</a>
   </li>
   <li class='social-list-item'>
    <a class='social__btn'>vk</a>
   </li>
</ul>

И надо каждой кнопке добавить иконку в фон. Как это реализуется согласно БЭМу?
Через Модификатор? <a class='social__btn social__btn--facebook'>...? Вроде бы неправильно, так как тут нет изменения состояния.
Через отдельный Элемент для каждой кнопки? <a class='social__btn-facebook'>? Как-то не изящно для каждой кнопочки повторять кучу одинаковых правил

Comments

[xtalen]

как раз модификатор social__btn--facebook

[Nikolay Talanov]

Модификатор 100%

Answer 1

[Serj-One]

Модификатор.

Answer 2

[devstudent]

сделайте всем общий класс, а каждой из них еще и свой уникальный, потом фон в правилах общего класса через спрайт, одна картинка для всех , а каждой кнопке только свое значение background-position. и не будет кучи повторений.