Конвертувати CSS у SASS

Форма для перетворення CSS в SASS

Ця форма дозволяє конвертувати CSS стилі в SASS, вставте або завантажте CSS файл нижче:



Ваш результат можна побачити нижче.

Результат перетворення CSS в SASS


Перенести до "Вставити код" для збереження

Про перетворення CSS в SASS

Про перетворення CSS стилів у SASS

Конвертер CSS у SASS був створений для оперативного перетворення стилів CSS (Cascading Style Sheets) в SASS (Sassy Cascading Style Sheets). Немає необхідності завантажувати або інсталювати будь-яке програмне забезпечення.

Як це працює?

Просто виберіть потрібні параметри та вставте CSS стилі у текстове поле вище та натисніть кнопку "Конвертувати", і ви відразу отримаєте SASS код.

Приклад перетворення CSS в SASS

Вхідні дані (До):
.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 
Після перетворення можна застосувати SASS стилі до свого проекту або використовувати його для інших цілей.
Пожертвувати

Вам сподобався цей інструмент? Ви можете задонатити нам. Це допоможе нам покращити наші безкоштовні веб-інструменти.

Paypal