Сергей ZSA Я не хочу разводить пустые холивары, поэтому отвечу кратко и по делу: После прочтения комментариев и Вашего ответа, сложилось такое мнение что все "хорошие" разработчики слепо и безмятежно используют БЭМ. Очень странно и это с учетом того, что у него, как и у других методологий и подходов есть свои "огромные" минусы, плюс добавить ко всему этому тот факт, что есть моменты, когда использование данной методологии - станет путём в никуда. БЭМ не панацея. Поэтому не нужно при каждом удобном случае советовать данный инструмент. Я отлично знакома с ним, но мне он не понравился по многим причинам, а насчёт того, что Вы пишите про frontend - смысл ваших слов понятен, но он не к месту. Мы живём не в том мире, где всё идеально. Где каждый разработчик читает документацию, придерживается единого стиля, пишет чистый и аккуратный код и вылизывает его до блеска. Это не то место, где любая задача решается - на раз, два, три. Поэтому давайте не будем выходить за рамки: Вопрос - Ответ. Если я захочу получить критику по своему коду, я обязательно сообщу об этом, но наверное не в этот раз?
И да... Ваш код не работает. Хотя, врать не буду. Он работает если вот тут: $avatar: ".#{$parent}-avatar"; убрать точку. Но тогда конечный результат будет немного другим, хоть и работает, однако это не совсем то, что нужно. Спасибо, конечно, за попытку помочь и направить на путь истинный.
Ankhena, я знакома с методологией БЭМ, но меня она не интересует. Мне интересно как реализовать всё именно так, как описано в вопросе. Насчёт лишних оберток и жестоко - это пример и в реальности не будет лишних оберток.
И да... Ваш код не работает. Хотя, врать не буду. Он работает если вот тут:
$avatar: ".#{$parent}-avatar";убрать точку. Но тогда конечный результат будет немного другим, хоть и работает, однако это не совсем то, что нужно. Спасибо, конечно, за попытку помочь и направить на путь истинный.