Я попытался "скомпилировать" тебя sass и получил следующее CSS:
.section {}
.section_team .section__title {}
.section_experience .line {}
.section_experience .section__title {}
.section_experience .section__description {}
etc.
И есть некоторые проблемы с подходом БЭМ.
Сначала модификатор блока влияет на элемент. Не уверен, что это огромная проблема, но было бы лучше добавить модификаторы непосредственно к элементам. Но если элементы не вложены друг в друга, это нормально.
И вторая проблема - модификатор одного блока, блокирующий другой блок .section_experience .line {}
. Хорошей практикой является использование смесей в этом случае:
Вместо .section_experience .line {}
попробуйте
Css:
.section__line {}
Html
div.section__line.line
ИМХО
Мне кажется, слишком сложно каждый раз вызывать mixins для добавления элементов и модификаторов. Возможно, просто написать &__
или &_
.