Как на самом деле работают примеси в LESS?

Question

[K G]

Здравствуйте, очень давно использую LESS, пусть и не в полной мере, но все же.
Сейчас столкнулся с такой проблемой. Есть код:

.questions {
    &__btn {
    color:red;
    }
}

Теперь я хочу для кнопки другого блока сделать миксин:

.another-questions {
    &__btn {
    .questions__btn;
    }
}

Но ничего не работает, собираю галпом и он пишет .questions__btn не определена. В коде, конечно, .another-questions стоит после .questions.
Где косяк? Или LESS тупо не умеет миксовать, когда стили для блока определены через нестинг?

Answer 1

[Алексей A]

до компиляции

.questions {
    &__btn {
    color:red;
    }
    &__btn2 {
    color:green;
    }
}

.another-questions {
    &__btn {
    .questions;
    }
}

после компиляции

.questions__btn {
  color: red;
}
.questions__btn2 {
  color: green;
}
.another-questions__btn__btn {
  color: red;
}
.another-questions__btn__btn2 {
  color: green;
}

Или же:

до компиляции

.questions {
    &__btn {
    color:red;
    }
    &__btn2 {
    color:green;
    }
}

.another-questions {
    .questions;
}

после компиляции

.questions__btn {
  color: red;
}
.questions__btn2 {
  color: green;
}
.another-questions__btn {
  color: red;
}
.another-questions__btn2 {
  color: green;
}

Что нужно получить на выходе?

Comments

[K G]

Алексей A На входе у меня:
.questions {
/* много кода для разных других блоков */
&__btn {
color:red;
}
}

Примешать мне нужно стили .questions__btn для .another-questions__btn, только стили для кнопки, потому что сами блоки разные, а кнопки одинаковые.
На выходе должно быть:
.questions {
/* много кода для разных других блоков */
}
.questions__btn {
color:red;
}
.another-questions {
/* много кода для разных других блоков */
}
.another-questions__btn {
color:red;
}