Конвертировать 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 стили к своему проекту или использовать его для других целей.