Конвертировать CSS в LESS
Форма для преобразования CSS в LESS
Эта форма позволяет вам конвертировать CSS стили в LESS, вставьте или загрузите CSS файл ниже:
Ваш результат можно увидеть ниже.
Результат преобразования CSS в LESS
Перенести в "Вставить код" для сохранения
О преобразовании CSS в LESS
О преобразовании CSS стилей в LESS
Конвертер CSS в LESS была создана для оперативного преобразования стилей CSS(Cascading Style Sheets) в LESS(Leaner Style Sheets). Нет необходимости загружать или устанавливать какое-либо программное обеспечение.
Как это работает?
Просто выберите нужные параметры и вставьте CSS стили в текстовое поле выше и нажмите кнопку "Конвертировать", и вы сразу получите LESS код.
Пример преобразования CSS в LESS
Исходные данные (До):.menu_wtools { width: 100%;background-color: #005555;} .menu_wtools ul {margin: 0;padding: 0;float: left;} .menu_wtools ul li { display: inline; } /* some comments */ .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;}Конечный результат (После):
.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; } } } }После преобразования вы можете применить LESS стили к своему проекту или использовать его для других целей.
Пожертвовать
Вам понравился этот инструмент? Вы можете задонатить нам. Это поможет нам улучшить наши бесплатные веб-инструменты.
Paypal