Примеси в less

[shol]

Здравствуйте.

Как правильно использовать примесь в less, если эти примеси описаны в одном файле, а используються в другом?

 

Например:

.icon-youtube { // этот клас в другом файле  background-image: url(../img/icons-spritesheet.png);  background-position: -20px 0px;  width: 24px;  height: 26px;}.block {  .icon-youtube;}

В этом примере класс .icon-youtube генерируется grunt`ом и записан в отдельном файле. В файле стилей нужно использовать этот клас как примесь. Если в файл стилей подключить сгенерированный файл через @import - компилятор less выдает ошибку, что .icon-youtube не определен.

[Great Rash]

Судя по их документации должно подключаться через @import.

@import 'library'; // library.less

[Sergey_K_2015]

Внимательно посмотрите, как у Вас организованы файлы LESS. Что Вы компилируете? Вам же необходимо в результате компиляции из множества файлов LESS получить один файл CSS. Создайте один общий файл (к примеру var-style.less), который объединяет все остальные примерно с таким содержимым (перечислить Ваши LESS файлы):

@import url("base.less");
@import url("variables.less");
@import url("layout.less");
@import url("blocks/header.less");
@import url("blocks/btn.less");
@import url("blocks/slider.less");
@import url("blocks/about.less");
@import url("blocks/news.less");
@import url("blocks/gallery.less");
@import url("blocks/footer.less");

 

И компилировать Grunt нужно именно этот один файл. Тогда все примеси и переменные будут работать без проблем.