Importing LESS files

You can split your LESS code into multiple files and then assemble them into a single CSS file. This is done with the @import command.

Let's look at an example. Let's say we have a file lib.less, where we will place helper functions:

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

Let's import this file to our main styles.less file:

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

After importing, all data from the imported file becomes available in our file. Therefore, we can use the mix .mix:

styles.lessdiv {
  .mix;
}