Амперсанд (&) в конце и часть селектора в SASS

У меня проблема, с которой я борюсь. У меня есть этот mixin (который является попыткой вывести немного меньше на sass):

@mixin button-variant($color, $background, $border) { ... .foreverAlone{ ... } .iThink .illNeverWork& { color: $pinkUnicornRainbow; ... } } 

Который явно не работает: D Я бы хотел, чтобы он генерировал что-то вроде:

 .callerClass .foreverAlone{ ... } .callerClass .iThink .illNeverWork.callerClass{ color: #123ABC; ... } 

Смесин вызывается внутри различных classов div, поэтому невозможно сделать его статическим (легко).

Есть ли какое-нибудь обходное решение от какого-то Sass pro (или не профессионала, но умнее, чем я)? Благодарим вас за внимание и обмен вашими решениями.

    Для Sass версии 3.2 и старше это все допустимые способы использования родительского селектора:

     .foo { &, &.bar, &#bar, &:after, &[active] { color: red; } } .foo { .bar & { color: red; } } 

    Что касается Sass 3.3, это справедливо:

     .foo { &bar, &-bar { color: red; } } 

    С Sass 3.4 это справедливо:

     .foo { $foo: &; @at-root bar#{&} { color: red; } } 
    Давайте будем гением компьютера.