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