Is anyone still migrating TO Stylus?

Rarely — Stylus is in maintenance mode. This tool exists for teams consolidating legacy stylesheets onto a single preprocessor that's already in use.

What translates cleanly?

Variables, simple mixins, nesting, and arithmetic. The @ prefix on LESS variables becomes $ in Stylus.

Yes — & has identical semantics in both. The converter preserves it.

Usually. Stylus's optional punctuation tends to produce more compact source — the ratio is around 80% of the LESS line count.

A worked example, rendered from real sample data. Sign in to run the tool on your own input.

Input

@gap: 1rem;

.container {
  display: flex;
  gap: @gap;
}

Output

gap = 1rem

.container
  display flex
  gap gap

Convert LESS to Stylus syntax. Part of the DevTools Surf developer suite. Browse more tools in the CSS collection.

Stylus allows the most relaxed syntax of all preprocessors, so LESS code often becomes significantly shorter after conversion.
LESS namespaces like #namespace > .mixin() have no direct Stylus equivalent and require restructuring.
Both LESS and Stylus were created within a year of each other (2009-2010) during the CSS preprocessor boom.

Is anyone still migrating TO Stylus?: Rarely — Stylus is in maintenance mode. This tool exists for teams consolidating legacy stylesheets onto a single preprocessor that's already in use.
What translates cleanly?: Variables, simple mixins, nesting, and arithmetic. The @ prefix on LESS variables becomes $ in Stylus.
Does LESS's & parent reference work?: Yes — & has identical semantics in both. The converter preserves it.
Will Stylus output be shorter?: Usually. Stylus's optional punctuation tends to produce more compact source — the ratio is around 80% of the LESS line count.

A worked example, rendered from real sample data. Sign in to run the tool on your own input.

Input

@gap: 1rem;

.container {
  display: flex;
  gap: @gap;
}

Output

gap = 1rem

.container
  display flex
  gap gap

Convert LESS to Stylus syntax. Part of the DevTools Surf developer suite. Browse more tools in the CSS collection.

Stylus allows the most relaxed syntax of all preprocessors, so LESS code often becomes significantly shorter after conversion.
LESS namespaces like #namespace > .mixin() have no direct Stylus equivalent and require restructuring.
Both LESS and Stylus were created within a year of each other (2009-2010) during the CSS preprocessor boom.

Is anyone still migrating TO Stylus?: Rarely — Stylus is in maintenance mode. This tool exists for teams consolidating legacy stylesheets onto a single preprocessor that's already in use.
What translates cleanly?: Variables, simple mixins, nesting, and arithmetic. The @ prefix on LESS variables becomes $ in Stylus.
Does LESS's & parent reference work?: Yes — & has identical semantics in both. The converter preserves it.
Will Stylus output be shorter?: Usually. Stylus's optional punctuation tends to produce more compact source — the ratio is around 80% of the LESS line count.