Co to jest LESS?

LESS stworzony przez Alexis Selliera to dynamiczny arkusz stylów znacząco ułatwiający pracę front-end developerów. Zapisany kod w języku LESS posiada rozszerzenie .less i kompilowany jest przez JavaScript do CSS. Wznosi on dodatkowe funkcjonalności sprawiając, że kod staje się bardziej czytelny, znacząco mniejszy i łatwiejszy do napisania. Wielopoziomowe zagnieżdżenia, możliwość definiowania zmiennych i kilka innych funkcji znanych z języków programowania sprawiły, że preprocesor LESS stał się niezbędnikiem w pracy twórców stron.

Główną zaletą na tle konkurencyjnych preprocesorów jest język, w którym został napisany. Umożliwia on kompilowanie kodu w czasie rzeczywistym przez przeglądarkę co znacząco ułatwia proces tworzenia i szybkość działania.

Kod LESS:

@base-color: #f938ab;

a {
    color: @base-color;
    &:hover {
        color: #00f;
    }
    img {
        background-color: red;
    }
}

Kod LESS skompilowany do CSS:

a {
    color: #f938ab;
}
a:hover {
    color: #00f;
}
a img {
    background-color: red;
}