Importation de fichiers LESS

Il est possible de répartir le code LESS dans plusieurs fichiers, puis de les rassembler en un seul fichier CSS. Cela se fait à l'aide de la commande @import.

Regardons un exemple. Supposons que nous ayons un fichier lib.less dans lequel nous placerons les fonctions utilitaires :

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

Importons ce fichier dans notre fichier principal styles.less :

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

Après l'importation, toutes les données du fichier importé deviennent accessibles dans notre fichier. Par conséquent, nous pouvons utiliser le mixin .mix :

styles.lessdiv {
  .mix;
}