LESS to CSS

Is LESS to CSS right for your task?

Compile LESS variables, nesting and mixins into CSS.

What to provide

Text or data in the syntax illustrated by the sample, plus any required options.

What you get

Compile LESS variables, nesting and mixins into CSS.

@color: #ff285e; .card { color: @color; &:hover { color: darken(@color, 10%); } }

Before you use the result

• Self-contained LESS only. Imports, plugins, inline JavaScript and external resources are disabled.
• Formatting or generating code does not prove that it runs correctly. Test it in your target environment.

If LESS to CSS does not work as expected

Start with the supplied sample and change one setting at a time. Check escaping, whitespace, encoding and whether a second input is required.

Where your input is processed

The tool processes input in your browser. Loading the page and its processing libraries still needs network access. Site analytics and sharing services are separate from file processing; see the privacy explanation below. Privacy details.