Конвертировать 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