Less — это препроцессор CSS, позволяющий использовать переменные, функции, циклы и другие технологии для упрощения работы со стилями. Препроцессор в данном случае означает, что мы имеем дело с динамическим языком стилей, который преобразуется в CSS. Таким образом, на выходе получаем стандартный стилевой файл.
CSS не зря расшифровывается как каскадные таблицы стилей, потому что одни элементы могут находиться внутри других и к ним последовательно применяются стилевые правила. Для наглядного представления структуры элементов в Less применяются вложения, которые затем преобразуются во вложенные селекторы.
Комментарии делают ваш код удобнее и понятнее, особенно если вы работаете в команде или периодически возвращаетесь к редактированию. К тому же число самих комментариев никак не оказывает влияние на объём конечного файла CSS, потому что комментарии при компиляции удаляются и видны только в исходном документе. Так что не бойтесь комментировать много и часто, это повышает читаемость.
Существует несколько способов, как из Less-документа получить на выходе CSS-файл, уже понимаемый всеми браузерами: запуск в браузере; компиляция через Node.js; использование сторонних программ.
Переменные нужны для организации и упрощения написания кода и позволяют предварительно задать популярные значения, а затем повторно использовать их в любом месте кода просто написав имя переменной. Это удобно, потому что нам при необходимости не придётся отыскивать и править множество значений, достаточно изменить его в одном месте и значения везде заменятся автоматически.
Примеси (англ. mixin) позволяют добавлять существующие стилевые правила к другим селекторам. Это сокращает код, поскольку нам уже нет смысла повторять один и тот же фрагмент кода несколько раз, достаточно сослаться на него в нужном месте. Примеси в этом плане похожи на функции в языках программирования.