Importazione di file LESS

È possibile suddividere il codice LESS in più file, per poi combinarli insieme in un unico file CSS. Questo viene fatto utilizzando il comando @import.

Vediamo un esempio. Supponiamo di avere un file lib.less in cui inseriremo le funzioni di supporto:

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

Importiamo questo file nel nostro file principale styles.less:

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

Dopo l'importazione, nel nostro file diventano disponibili tutti i dati dal file importato. Pertanto possiamo utilizzare il mixin .mix:

styles.lessdiv {
  .mix;
}