Компилятор LESS в CSS: компилируйте LESS онлайн бесплатно
Компилируйте исходник LESS в CSS с помощью этого браузерного инструмента на базе less.js. Он поддерживает переменные, вложенность, миксины и цветовые функции darken, lighten и mix. Вставьте код или перетащите .less-файл, выберите математический режим и проверьте сгенерированную таблицу стилей. Интерполяция JavaScript отключена для безопасности; обработка остаётся на вашем устройстве, без загрузки.
Компилятор LESS в CSS — это браузерный компилятор LESS в CSS на базе less.js. Он превращает исходник LESS в вывод CSS, так что вы можете преобразовать таблицу стилей, вставив её содержимое или перетащив .less-файл. Инструмент работает на клиенте и не загружает ваш исходник.
Компилятор поддерживает переменные LESS, вложенность, миксины и цветовые функции darken, lighten и mix. Эти конструкции LESS разрешаются в скомпилированный CSS, который вы можете проверить и скопировать. Вы можете выбрать математический режим, а интерполяция JavaScript отключена для безопасности.
LESS расширяет CSS возможностями, помогающими организовывать и переиспользовать код таблиц стилей, а CSS — это формат таблиц стилей, используемый браузерами. Компиляция LESS в CSS даёт вам получившуюся таблицу стилей для использования или проверки, не требуя локального тулчейна для быстрого преобразования. Доступный математический режим позволяет выбрать, как обрабатываются математические выражения во время компиляции.
Преобразование выполняется полностью в вашем браузере: ваш ввод обрабатывается на вашем устройстве и не загружается и не отправляется на сервер. После загрузки страницы инструмент может продолжать работать офлайн. Он полезен разработчикам и DevOps-инженерам, которые хотят преобразовать .less-файл, проверить вывод перед сборкой или изучить скомпилированный CSS.
Шаг 1: Вставьте ваш исходник LESS во входное поле или перетащите .less-файл в инструмент.
Шаг 2: Выберите математический режим перед компиляцией. Интерполяция JavaScript отключена для безопасности.
Шаг 3: Проверьте скомпилированный вывод CSS, включающий результаты поддерживаемых возможностей LESS вроде переменных, вложенности и миксинов.
Шаг 4: Скопируйте CSS для использования в вашем проекте или чтобы посмотреть, как компилируется исходник LESS.
Пример использования: Преобразуйте исходный файл LESS в CSS без установки локального тулчейна, что полезно для быстрых проверок или разовых преобразований.
Пример использования: Проверьте, компилируется ли исходник LESS, до того как он дойдёт до шага сборки, помогая раньше заметить проблемы.
Пример использования: Изучите сгенерированный CSS, чтобы понять вывод переменных, вложенных правил и миксинов в вашем исходнике.
Пример использования: Предпросмотрите, как цветовые функции darken, lighten и mix выглядят в скомпилированной таблице стилей.
Пример использования: Сравните результаты компиляции после выбора другого математического режима, чтобы проверить, какой вывод подходит вашим нуждам.
Пример использования: Преобразуйте вставленный фрагмент LESS или перетащенный .less-файл, держа обработку на вашем устройстве.