CSS to LESS

CSS to LESS Converter Online helps to convert plain CSS to LESS and helps to save and share CSS with LESS.

What can you do with CSS to LESS Converter?

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

Know more about CSS:

• CSS Selectors Cheat sheet

Example of CSS to LESS

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

// Color variables (appears count calculates by raw css)
@color0: #333333; // 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

CSS External URL

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

https://codebeautify.org/css-to-less-converter?url=https://gist.githubusercontent.com/cbmgit/ed9d7dbaea7be9f8d2c17b92569cd875/raw/csstoconverter.css