Импортирование файлов LESS

Можно разделять код LESS по нескольким файлам, а затем собирать их вместе в один CSS файл. Это делается с помощью команды @import.

Давайте посмотрим на примере. Пусть у нас есть файл lib.less, в котором мы будем размещать вспомогательные функции:

lib.less.mix() {
  color: red;
}

Давайте импортируем этот файл к нашему основному файлу styles.less:

styles.less@import url('lib.less');

После импорта в нашем файле становятся доступны все данные из импортированного файла. Поэтому мы можем воспользоваться примешниванием .mix:

styles.lessdiv {
  .mix;
}