Как расширить класс / миксин с динамически сформированным селектором

Question

Jul 22, 2014, 07:52 AM

Как расширить класс Less, который динамически формируется с помощью & combinator?

Меньше, что дает ожидаемый результат:

.hello-world {
  color: red;
}

.foo {
  &:extend(.hello-world);
  font-size: 20px;
}

Ожидаемый выход CSS:

.hello-world,
.foo {
  color: red;
}
.foo {
  font-size: 20px;
}

Меньше не генерирует ожидаемый результат:

.hello {
  &-world {
    color: red;
  }
}

.foo {
  &:extend(.hello-world);
  font-size: 20px;
}

Неожиданный вывод CSS:

.hello-world {
  color: red;
}
.foo {
  font-size: 20px;
}

Ответы на вопрос(1)