50%

CSS to LESS

CSS to LESS Converter Online


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.

Example of CSS to LESS

CSS Try it.

.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;
}

Converted LESS

// 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

Related Tools


Recently visited pages


Tags


CSS