При использовании BEM нужно использовать характерное именование которое в scss достигается таким образом.
.navbar{
&__logo{}
&__link{}
&__call{}
}
Однако &
ссылается на своего родителя, а не на корневого из-за чего при более глубокой вложенности получается так:
.navbar{
&__logo{}
&__anchors {
&__link{}
}
&__call{}
}
И на выходе вместо .navbar__link
мы получаем .navbar__anchor__link
что не соответствует методологии.
Как сослаться на корневого родителя, а не на своего?