Как пользоваться: LESS в CSS компилятор
- Вставьте ваш код Less.
- CSS компилируется по мере ввода; ошибки показывают номер строки и пояснение.
- Отметьте «Минифицировать» для продакшена и скопируйте или скачайте CSS.
Что умеет компилятор
Это Less.js, официальный компилятор Less, работающий в вашем браузере: @variables, вложенность с &, миксины (с аргументами и guards), операции вроде @base * 2, цветовые функции, например darken() и fade(), всплытие @media, экранирование и e().
Less и Sass
Оба инструмента добавляют в CSS переменные, вложенность и миксины. Less написан на JavaScript и использовался в Bootstrap 3 и многих админ-темах; Sass (SCSS) сейчас чаще выбирают для новых проектов. Нативный CSS уже закрывает часть задач благодаря пользовательским свойствам и вложенности, которые поддерживают современные браузеры.
Импорты
Ваши файлы @import "variables.less" браузер прочитать не может, поэтому вставьте их содержимое выше кода, который их использует.
Приватность по умолчанию
Компиляция полностью выполняется в вашем браузере. Код никуда не отправляется, поэтому его безопасно использовать в закрытых проектах.
Также ищут как: компилятор less, скомпилировать less онлайн, lesscss компилятор.
Инструменты, которые хорошо сочетаются с LESS в CSS компилятор
- SCSS в CSS — Вставьте SCSS или Sass с отступами и получите обычный CSS.
- CSS Форматер — Превратите минифицированную таблицу стилей в читаемый CSS: одно свойство на строке и правильно вложенные блоки @media.
- Минификатор CSS — Вставьте таблицу стилей, чтобы мгновенно уменьшить её размер.
- Конвертер CSS в Tailwind — Вставьте правила или объявления CSS и получите эквивалентные утилитарные классы Tailwind для каждого селектора, включая состояния hover: и произвольные значения, например p-[13px].