50%

SCSS to LESS

SCSS to LESS Converter Online


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:

Example of SCSS to LESS

SCSS Try it.

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

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

Converted LESS

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

Related Tools


Recently visited pages


Tags


CSS