50%

SASS to LESS

SASS to LESS Converter Online


SASS to LESS Converter Online helps to convert plain SASS to LESS and helps to save and share Converted LESS.

What can you do with SASS to LESS Converter?

  • This tool helps you to convert your SASS (Sassy CSS) to LESS (Leaner Style Sheets) with Ease.
  • This tool allows loading the SASS URL converting to LESS. Click on the URL button, Enter URL and Submit.
  • This tool supports loading the SASS File to transform to LESS. Click on the Upload button and select File.
  • SASS to LESS Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.

Example of SASS to LESS

SASS Try it.

.combo 
	color: #123 
	border: 1px solid red 
	.marked 
		font-weight: bold 
p 
	font-size: 200px 
	color: #123 
	border: 1px solid red 
	.marked 
		font-weight: bold

Converted LESS

// Color variables (appears count calculates by raw css)
@color0: #112233; // Appears 2 times

.combo {
	border: 1px solid red;
	color: @color0;
	.marked {
		font-weight: bold;
	}
}
p {
	border: 1px solid red;
	color: @color0;
	font-size: 200px;
	.marked {
		font-weight: bold;
	}
}

For Advanced Users

SASS External URL

Load SASS External URL in Browser URL like this https://codebeautify.org/sass-to-less-converter?url=external-url

https://codebeautify.org/sass-to-less-converter?url=https://gist.githubusercontent.com/cbmgit/3e910fcf812fe8da1b58f9c1febd2630/raw/sasssample.sass

Related Tools


Recently visited pages


Tags


CSS