Конвертировать 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 стили к своему проекту или использовать его для других целей.