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