Конвертировать LESS в CSS
Форма для преобразования LESS в CSS
Эта форма позволяет вам конвертировать LESS стили в CSS, вставьте или загрузите LESS файл ниже:
Результат преобразования LESS в CSS
Перенести в "Вставить код" для сохранения
О преобразовании LESS в CSS
О преобразовании LESS стилей в CSS
Конвертер LESS в CSS была создана для оперативного преобразования стилей LESS(Leaner Style Sheets) в CSS(Cascading Style Sheets). Нет необходимости загружать или устанавливать какое-либо программное обеспечение.
Как это работает?
Просто выберите нужные параметры и вставьте LESS стили в текстовое поле выше и нажмите кнопку "Конвертировать", и вы сразу получите CSS код.
Пример преобразования LESS в CSS
Исходные данные (До):.menu_wtools { width: 100%; background-color: #005555; ul { margin: 0; padding: 0; float: left; li { display: inline; a { float: left; text-decoration: none; color: white; padding: 10.5px 11px; background-color: #005555; &:visited { color: white; } } a:hover, .current { color: white; background-color: #5FD367; } } } }Конечный результат (После):
.menu_wtools { width: 100%; background-color: #005555; } .menu_wtools ul { margin: 0; padding: 0; float: left; } .menu_wtools ul li { display: inline; } .menu_wtools ul li a { float: left; text-decoration: none; color: white; padding: 10.5px 11px; background-color: #005555; } .menu_wtools ul li a:visited { color: white; } .menu_wtools ul li a:hover, .menu_wtools ul li .current { color: white; background-color: #5FD367; }После преобразования вы можете применить CSS стили к своему проекту или использовать его для других целей.
Пожертвовать
Вам понравился этот инструмент? Вы можете задонатить нам. Это поможет нам улучшить наши бесплатные веб-инструменты.
Paypal