Я хотел бы вставить следующий плоский код CSS в мою структуру БЭМ.Но по какой-то причине класс ранее psuedo не появляется в дереве DOM.Кто-нибудь знает, как применить этот код CSS в BEM?
CSS:
li + li:before {
height: 22px;
line-height: 22px;
.icon(@unicode: '\f105'; @iconset: 'FontAwesome');
font-size: 22px;
opacity: 0.2;
position: relative;
top: 2px;
padding: 0 15px;
}
HTML:
<li class="mod-breadcrumbContainer__item">
<a class="mod-breadcrumbContainer__link" href="#" title="text">
<span class="mod-breadcrumbContainer__text">link1</span>
</a>
</li>
<li class="mod-breadcrumbContainer__item">
<a class="mod-breadcrumbContainer__link" href="#" title="text">
<span class="mod-breadcrumbContainer__text">link2</span>
</a>
</li>