Меньше расширений из импортированного файла не работает против миксина из импортированного файла
Со следующими двумя файлами a.less
а также b.less
:
a.less
:
.red {
background: red;
}
а также b.less
:
@import "a.less"
.testA:extend(.red) {
}
.testB {
.red;
}
Результат для b.css
является:
.testA {}
.testB {
background: red;
}
Почему расширение не работает с импортированным определением mixin/class для .testA
? Есть ли ограничение на синтаксис расширения, который требует, чтобы расширенное определение присутствовало в том же файле, то есть это ожидаемое поведение?
Обратите внимание, что .testA
правильно скомпилируется, если я переместить .red
mixin to b.less
,
Изменить: я использую менее двоичный прекомпилятор, версия 1.6.1
Изменить: Чтобы быть абсолютно уверенным в опечатках, и поскольку я не думаю, что есть онлайн-сервис, который позволяет несколько меньше файлов и импорт, загрузите пример источника здесь - на самом деле .testa{}
не будет оказана вообще, но b.css
естественно имеет .red
класс определен.
Редактировать: Когда я компилирую из bash, расширение работает правильно, но с использованием графического интерфейса less.app или компиляции через мою IDE (с той же командой, что и в bash) или через локальный наблюдатель за файлами расширение не включается правильно - может ли это как-то связано с тем, откуда бинарный файл вызывается?
1 ответ
Как отметил @seven-phase-max, проблема заключается в том, что проблема заключается в том, что препроцессор отличается от версии, поставляемой в инструменте GUI, который не имеет :extend
особенность.