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