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