LESS → CSS Converter

Compile LESS to CSS with syntax support

Note

This is a basic LESS to CSS converter. For full compilation with mixins, functions, and advanced features, use a proper LESS compiler like less.js.

LESS Input

CSS Output

--primary-color: #3b82f6;
--padding: 16px;

.button {
  padding: @padding;
  background-color: @primary-color;
  
  :hover {
    background-color: darken(@primary-color, 10%);
  }
}

Converted CSS

--primary-color: #3b82f6;
--padding: 16px;

.button {
  padding: @padding;
  background-color: @primary-color;
  
  :hover {
    background-color: darken(@primary-color, 10%);
  }
}