Компилатор от LESS в CSS: компилирайте онлайн безплатно
Компилирайте 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 файл, като обработката остава на вашето устройство.