Importera LESS-filer

Man kan dela upp LESS-koden i flera filer, och sedan samla ihop dem till en CSS-fil. Detta görs med kommandot @import.

Låt oss titta på ett exempel. Låt oss säga att vi har en fil lib.less, där vi kommer att placera hjälpfunktioner:

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

Låt oss importera den här filen till vår huvudfil styles.less:

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

Efter importen blir alla data från den importerade filen tillgängliga i vår fil. Därför kan vi använda mixin .mix:

styles.lessdiv {
  .mix;
}