Importieren von LESS-Dateien

LESS-Code kann auf mehrere Dateien aufgeteilt und dann in einer CSS-Datei zusammengeführt werden. Dies geschieht mit dem Befehl @import.

Sehen wir uns ein Beispiel an. Nehmen wir an, wir haben eine Datei lib.less, in der wir Hilfsfunktionen platzieren:

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

Importieren wir diese Datei in unsere Hauptdatei styles.less:

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

Nach dem Import sind alle Daten aus der importierten Datei in unserer Datei verfügbar. Daher können wir das Mixin .mix verwenden:

styles.lessdiv {
  .mix;
}