LESS-tiedostojen tuonti

LESS-koodia voidaan jakaa useisiin tiedostoihin, ja sitten koota ne yhteen CSS-tiedostoon. Tämä tehdään käyttämällä komentoa @import.

Katsotaanpa esimerkkiä. Oletetaan, että meillä on tiedosto lib.less, johon sijoitamme apufunktioita:

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

Tuodaan tämä tiedosto päätiesostoomme styles.less:

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

Tuonnin jälkeen kaikki tuodusta tiedostosta tulevat tiedot ovat saatavilla tiedostossamme. Siksi voimme hyödyntää mixiniä .mix:

styles.lessdiv {
  .mix;
}