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

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

Про перетворення 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;
			}
		}
	}
}