Можно ли писать так по bem?

<form class="modal-body-feedback modal-body">

  <div class="modal-body__close">
    <svg class="modal-body__close-icon">
      <use href="/assets/sprite/sprite.svg#close"></use>
    </svg>
  </div>

  <div class="modal-body__title modal-body-feedback__title">...</div>
  <div class="modal-body__desc modal-body-feedback__desc">...</div>

  <div class="modal-body-feedback__list">
    <input class="input" type="text" placeholder="Имя"/>
    <input class="input" type="text" placeholder="+7 (000) 000-00-00"/>
    <input class="input" type="text" placeholder="E-mail"/>
  </div>

  <div class="modal-body-feedback__doc">...</div>
  <button class="btn btn--fill modal-body__btn modal-body-feedback__btn">Отправить</button>
</form>


Есть множество модальных окон. И под каждое модальное окно создаю свой блок. Но у многих модальных окон есть одинаковые элементы и сами стили модальных окон одни. Я решил создать универсальный блок, и в итоге у меня один тег может быть двумя блоками, или двумя элементами:

<form class="modal-body-feedback modal-body"></form> <!-- form является блоком  modal-body-feedback и блоком modal-body -->

<div class="modal-body__title modal-body-feedback__title">...</div> <!-- div является элементом modal-body__title и modal-body-feedback__title -->

<button class="btn btn--fill modal-body__btn modal-body-feedback__btn">Отправить</button>


Можно ли так миксовать по бем?
  • Вопрос задан
  • 411 просмотров
Пригласить эксперта
Ответы на вопрос 1
Делать так технически можно, но семантически несколько скомканно. Поддержу идею про модификаторы.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы