Імпартаванне файлаў LESS

Можна падзяляць код LESS па некалькіх файлах, а затым збіраць іх разам у адзін CSS файл. Гэта робіцца з дапамогай каманды @import.

Давайце паглядзім на прыкладзе. Хай у нас ёсць файл lib.less, у якім мы будзем размяшчаць дапаможныя функцыі:

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

Давайце імпартаваць гэты файл да нашага асноўнага файла styles.less:

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

Пасля імпарту ў нашым файле становяцца даступныя ўсе дадзеныя з імпартаванага файла. Таму мы можам скарыстацца прiмешніваннем .mix:

styles.lessdiv {
  .mix;
}