Importando arquivos LESS

É possível dividir o código LESS em vários arquivos, e depois combiná-los em um único arquivo CSS. Isso é feito usando o comando @import.

Vamos ver um exemplo. Suponha que temos um arquivo lib.less, onde colocaremos nossas funções auxiliares:

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

Vamos importar este arquivo para o nosso arquivo principal styles.less:

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

Após a importação, todos os dados do arquivo importado ficam disponíveis no nosso arquivo. Portanto, podemos usar o mixin .mix:

styles.lessdiv {
  .mix;
}