mixins), ale go nie wstawia do wynikowego arkusza stylów inline – wymusza wstawienie importowego pliku bez przetwarzania less – traktuje plik jako plik Less, niezależnie od rozszerzenia css – traktuje plik jako plik CSS, niezależnie od rozszerzenia once – zduplikowane dyrektywy @import są ignorowane (domyślne zachowanie) multiple – pozwala wielokrotnie zaimportować ten sam plik Składnia dyrektywy @import z opcją: @import (opcja) "plik.less";
Zmienne Zmienne definiowane są za pomocą znaku małpy (@), po której następuje nazwa zmiennej zakończona dwukropkiem oraz ustalaną wartością.
Przykład @color: #cdeffe; @background: lightblue;
a { color: @color; } div { background-color: @background; } Powyższy kod w języku Less zostanie przetworzony do następującego kodu CSS: a { color: #cdeffe; } div { background-color: #add8e6; }
Zagnieżdżanie Less pozwala zagnieżdżać reguły CSS.
Przykład a { color: #000; &:hover { // & oznacza rodzica - w tym przypadku: a color: #00f;
img { background-color: red;
Powyższy kod przetworzony zostanie do następującego kodu CSS: a { color: #000; } a:hover { color: #00f; } a img { background-color: red; }