Formatters

LESS Beautify / Minify

Format LESS with proper indentation for nested rules, consistent spacing around mixins and variables, and clean imports. Handles LESS-specific features like guards, pattern matching, and lazy evaluation variables.

LESS Beautify / Minify — Beautify or minify LESS stylesheets

What it does

  • Beautifies LESS with configurable indent, properly indenting nested rules
  • Handles mixins, variables, guards, and @import statements
  • Preserves LESS functions and operations
  • Minify mode for compact output

Use cases

  • Formatting LESS from a legacy project for maintenance
  • Cleaning up LESS before migrating to SCSS or PostCSS
  • Standardizing LESS formatting across a team
  • Making a complex nested LESS file readable

How it works

1

Paste your LESS into the input pane

2

Choose beautify or minify mode

3

Set indent style if beautifying

4

Copy the formatted LESS from the output pane

Frequently asked questions

1Does it compile LESS to CSS?

No. This is a formatter only. It beautifies the LESS syntax without compiling. Use lessc or your build tool for compilation to CSS.

2Can I use this for SCSS or Sass?

There are dedicated formatters for SCSS and CSS. LESS has enough syntax differences (variable syntax with @ vs $, mixin syntax) that a dedicated formatter works better.

3Does it handle LESS plugins or custom functions?

The formatter preserves any valid LESS syntax including custom functions and plugin-specific at-rules. It doesn't evaluate them, just formats the text.

Related tools

Use LESS Beautify / Minify offline in Devinity

All 95 tools run locally on your Mac. No internet required, no data sent to servers.

Download Devinity →