Войти с помощью github
Форум /

У меня есть блоки

.square-box
.shadow
.flip-box
.product-card

Нужно сделать карточку продукта квадратной и переворачивающийся, вышел такой haml

.product-card <-- начало блока
  .square-box
    .square-box__content
      .flip-box
        .flip-box__wrapper
          .flip-box__front
            .shadow.shadow--1
              .product-card__title ... <-- И только здесь начались его элементы
              .product-card__image ...

          .flip-box__back
            .shadow.shadow--1 Back content

Получается, что product-card оборачивает пару блоков, которые оборачивают элементы product-card... вписывается ли это в методологию? На текущий момент есть идея вынести стороны карточки продукта в разные блоки product-front-side и product-back-side, но все равно интересно получить ответ на вопрос.