Convert CSS to SASS

Form for CSS converting to SASS

This form allows you convert CSS styles to SASS, paste or upload your CSS file below:



Your result can be seen below.

Result of CSS conversion to SASS


Move to "Paste Code" for Save it

About CSS conversion to SASS

About CSS styles conversion to SASS

The CSS to SASS Converter was created for online transform CSS(Cascading Style Sheets) styles into SASS(Syntactically Awesome Stylesheets). No need to download or install any software.

How it Works?

Just select the options you need and paste your CSS styles to the textarea above and click to the button "Convert" and you will instantly get SASS code.

Example of CSS conversion to SASS

Before:
.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;}
After:
.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

After the conversion, you can apply the SASS styles to your project or use it for some other purpose.