Как использовать миксы в 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;
}
То есть, у меня банально стили не переопределяться.
Может я что-то не понимаю? Объясните пожалуйста.
Простой
