SCSS to LESS

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

What can you do with SCSS to LESS Converter?

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

Know more about CSS:

• CSS Selectors Cheat sheet

Example of SCSS to LESS

$font-stack: Helvetica, sans-serif;
$primary-color: #123;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

body {
	color: #112233;
	font: 100% Helvetica, sans-serif;
}

For Advanced Users

SCSS External URL

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

https://codebeautify.org/scss-to-less-converter?url=https://gist.githubusercontent.com/cbmgit/9d76ec87003c2e698e270c09f6f9fa48/raw/scsssample.scss