Несколько классов, которые ссылаются на родителя родителя

Question

У меня есть несколько классов, которые должны быть оформлены аналогичным образом.

Для ссылки на родителя родителя я установил $self: &. Модификаторы --focused и --error расширяют container.

Проблема только в том, что exampleClass3__container .exampleClass3__input получает стили. Другие нет.

.exampleClass1,
.exampleClass2,
.exampleClass3 {
   $self: &;

   &__container {
    border-radius: 5px;
    width: 100%;

    &--focused {
      @extend #{ $self }__container;

      #{ $self }__input {
        border-color: blue;
      }
    }

    &--error {
      @extend #{ $self }__container;

      #{ $self }__input {
        border-color: red;
      }

    }
  }
}