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:
.mix() {
color: red;
}
Vamos importar este arquivo para o nosso
arquivo principal 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:
div {
.mix;
}
Crie um arquivo com uma biblioteca de funções úteis. Importe-o para o seu arquivo principal.