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