Convert SCSS to CSS

Form for SCSS converting to CSS

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


Your result can be seen below.

Result of SCSS conversion to CSS


Move to "Paste Code" for Save it

About SCSS conversion to CSS

About SCSS styles conversion to CSS

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

How it Works?

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

Example of SCSS conversion to CSS

Before:
.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:
.menu_wtools {
  width: 100%;
  background-color: #005555;
}
.menu_wtools ul {
  margin: 0;
  padding: 0;
  float: left;
}
.menu_wtools ul li {
  display: inline;
}
.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 the conversion, you can apply the CSS styles to your project or use it for some other purpose.
Related Tools