jsonecho

Less Formatter

Format Less code, with its variables, mixins and nested rules.

Loading the tool...

How to use Less Formatter

  1. Paste your code. The formatter engine loads in a moment the first time.
  2. Adjust the options if you need to.
  3. Copy the formatted result.

About Less Formatter

Less adds variables, mixins, nesting and operations to CSS. The formatter understands those constructs, so @variable, .mixin() and nested blocks are indented properly instead of being treated as plain CSS.

Comments, both block and line style, are kept.

Frequently asked questions

Does it compile Less to CSS?

No, it formats the Less source. Compiling needs the Less compiler.

Are mixins with guards supported?

Yes, guards and mixin calls are formatted.

Does it keep // comments?

Yes, Less line comments are valid and are kept.

Why did the first run take a second?

The formatting engine for this language is downloaded the first time you use it, then cached by your browser. After that, formatting is instant and nothing leaves your machine.

More in Code Formatters

All tools →