Convert LESS to CSS

This form allows you convert LESS styles to CSS, paste or upload your LESS file below:

About LESS styles conversion to CSS

The LESS to CSS Converter was created for online transform LESS(Leaner Style Sheets) styles into CSS(Cascading Style Sheets). No need to download or install any software.

How it Works?

Just select the options you need and paste your LESS styles to the textarea above and click to the button "Convert" and you will instantly get CSS code.

Example of LESS conversion to CSS

.menu_wtools {
	width: 100%;
	background-color: #005555;
	ul {
		margin: 0;
		padding: 0;
		float: left;
		li {
			display: inline;
			a {
				float: left;
				text-decoration: none;
				color: white;
				padding: 10.5px 11px;
				background-color: #005555;
				&:visited {
					color: white;
				}
			}
			a:hover, .current {
				color: white;
				background-color: #5FD367;
			}
		}
	}
}

.menu_wtools {
  width: 100%;
  background-color: #005555;
}
.menu_wtools ul {
  margin: 0;
  padding: 0;
  float: left;
}
.menu_wtools ul li {
  display: inline;
}
.menu_wtools ul li a {
  float: left;
  text-decoration: none;
  color: white;
  padding: 10.5px 11px;
  background-color: #005555;
}
.menu_wtools ul li a:visited {
  color: white;
}
.menu_wtools ul li a:hover,
.menu_wtools ul li .current {
  color: white;
  background-color: #5FD367;
}