Конвертировать CSS в SCSS

Форма для преобразования CSS в SCSS

Эта форма позволяет вам конвертировать CSS стили в SCSS, вставьте или загрузите CSS файл ниже:



Ваш результат можно увидеть ниже.

Результат преобразования CSS в SCSS


Перенести в "Вставить код" для сохранения

О преобразовании CSS в SCSS

О преобразовании CSS стилей в SCSS

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

Как это работает?

Просто выберите нужные параметры и вставьте CSS стили в текстовое поле выше и нажмите кнопку "Конвертировать", и вы сразу получите SCSS код.

Пример преобразования CSS в SCSS

Исходные данные (До):
.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;
			}
		}
	}
}
После преобразования вы можете применить SCSS стили к своему проекту или использовать его для других целей.