Importarea fișierelor LESS

Puteți împărți codul LESS în mai multe fișiere, apoi să le colectați împreună într-un singur fișier CSS. Acest lucru se face folosind comanda @import.

Să ne uităm la un exemplu. Să presupunem că avem un fișier lib.less în care vom plasa funcții auxiliare:

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

Să importăm acest fișier în fișierul nostru principal styles.less:

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

După import, în fișierul nostru devin accesibile toate datele din fișierul importat. Prin urmare, putem folosi mixin-ul .mix:

styles.lessdiv {
  .mix;
}