Less (Leaner Style Sheets)
Less — препроцессор CSS, добавляющий переменные, миксины, вложенность и функции в CSS-синтаксис. Файлы Less (.less) компилируются в стандартный CSS как на стороне сервера (через Node.js), так и на стороне клиента.
MIME-тип
text/x-less
Тип
Текст
Сжатие
Без потерь
Преимущества
- + Variables and mixins reduce CSS repetition
- + Can compile in the browser without a build step
- + Simpler syntax than early Sass (no indentation rules)
Недостатки
- − Declining ecosystem — Sass is more widely used
- − Native CSS custom properties replace many Less features
- − Fewer functions and features than modern Sass
Когда использовать .LESS
Используйте Less, если ваш проект уже его использует или если вы предпочитаете @-переменные и JavaScript-интеграцию. Для новых проектов чаще выбирают Sass/SCSS.
Технические детали
Less использует стандартный CSS-синтаксис с расширениями: переменные (@var), миксины (.mixin()), вложенность, операции и функции. Он может компилироваться в CSS через lessc (Node.js CLI), less.js (браузерный рантайм) или системы сборки. Переменные Less используют @ (в отличие от $ в Sass).
История
Алексис Селье создал Less в 2009 году, вдохновлённый Sass, но с синтаксисом на основе CSS. Twitter Bootstrap (ныне Bootstrap) изначально был написан на Less, что обеспечило его массовое распространение. Bootstrap 4 перешёл на Sass в 2017 году.