Stylus to CSS Converter

Q: Can I convert CSS to Stylus?

Yes, choose CSS to Stylus in the menu.

Convert Stylus to CSS, or CSS to Stylus, SCSS, SASS and LESS, in your browser.

Operation

Input

Output

What you can do here

Stylus to CSS: braces, colons and semicolons added back
Stylus compiler: the official Stylus 0.64 compiler, no Node install
Stylus to SCSS, SASS and LESS, and CSS to Stylus
Beautify, minify and validate CSS from the same menu

How Stylus to CSS conversion works here

Stylus lets you drop braces, colons and semicolons and rely on indentation. Choose Stylus to CSS and the official Stylus compiler turns each indented block into a { } rule with property: value; declarations. The compiler is loaded on demand and runs in your browser, so nesting, mixins, functions and math are resolved to plain CSS. @import of other files cannot be followed, because only the pasted code is available.

.card
  padding 16px
  color #333

becomes

.card {
  padding: 16px;
  color: #333;
}

Common questions

Is this a real Stylus compiler?

Yes. It runs Stylus 0.64 in your browser, so variables, mixins and functions are compiled. Only @import of other files is unavailable.

Can I convert CSS to Stylus?

Yes, choose CSS to Stylus in the menu.

Is my stylesheet uploaded?

No. It is converted in your browser.