IIIu6ko
@IIIu6ko

Переопределение стилей в миксах BEM?

Как использовать миксы в BEM?

К примеру у меня блок с логотипом, который есть и в хедере и в футере. В футере у него марджин отличается от марджина, который задан по умолчанию блоку лого. Как это должно работать, если стили для футера у меня идут выше чем стили для логотипа?
<header class="header">
  <div class="logo">
    <img class="logo__img" src="path..." alt="logo" width="50" height="25">
  </div>
</header>

<footer class="footer">
  <div class="logo footer__logo">
    <img class="logo__img" src="path..." alt="logo" width="50" height="25">
  </div>
</footer>


.footer {
  &__logo {
    margin: 20px;
  }
}

.logo {
  margin: 10px;
}


То есть, у меня банально стили не переопределяться.
Может я что-то не понимаю? Объясните пожалуйста.
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
werty1001
@werty1001
тинки-винки
1. У блока не должно быть margin'a в принципе
2. Нужно использовать два микса: .header__logo и .footer__logo
3. Для нормального переопределения используйте сборки для БЭМ'a
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Randewoo.ru Москва
от 120 000 до 180 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
18 авг. 2018, в 11:06
10000 руб./за проект
18 авг. 2018, в 10:13
500 руб./в час
18 авг. 2018, в 09:13
13000 руб./за проект