Как эффективно использовать SASS с модификаторами?

Question

[Посторонним В.]

Есть панель .panel, в ней неактивные .panel__button и активные .panel__button_active кнопки. Пишу так:

.panel {
//...

&__button {
//...
  &_active  {
     @extend &;
     background: yellow;
  }

 }

}

Т. е., мне нужно, чтобы кнопка с модификатором _active имела те же стили, что и без + указанные мной изменения. То что я написал, конечно же, не работает - пишет, что нельзя унаследовать родительский селектор.
Как же реализовать задумку? Чтобы сохранить вложенность и не писать повторно целиком селекторы.
Вариант указания двух классов в HTML не рассматривается.

Comments

[Hyubert]

Попробуйте так

.panel {
//...
$this: &

&__button {
//...
  #{$this}_active  {
       @extend  &;
       background: yellow;
  }

 }

}

[Посторонним В.]

Hyubert, как раз читаю то же самое на StackOverflow)
Там только местами поменять & и #{$this}

Answer 1

[Посторонним В.]

Получилось:

.panel {
//...

&__button {
//...
$this: &;
  &_active  {
       @extend  #{$this};
       background: yellow;
  }

 }

}