CSS2LESS.NET

CSS2LESS Making your CSS files more loveable.

Paste your CSS below and get a LESS file in no time

We just want to help you get a good start with LESS.

Once you've worked with LESS, you don't want to go back to CSS.

Maybe css2less.net helps you to get there too!

}

FAQ

Why?

As stated above, when you work with something like LESS, SASS or any other CSS preprocessor, you don't want to go back to plain old CSS. Working with LESS is just a joy, especially when you start realizing that copying styled elements is much easier, that variables are making your life much more fun when the customer wants to change the colours once again and much more.

That's why we don't want to go back to CSS either, but like most people, we have to work with old code from the days before CSS preprocessors and that just isn't t as much fun, especially if you know how good things can be. This is where CSS2LESS.NET might help you a bit. It won't create perfect LESS code, but it gives you a good start!

Want to help? This library is open-souce and could always use some help, checkout the github site: https://github.com/ortic/css2less

Is it the only kind?

No, it isn't, but so far, we haven't found any good converters out there and most of them felt abandoned. While we can't promise to support this project for dozens of years, we intend to keep it alive and make it the best css to less converter on the internet.

Here are some links to other similar projects:

http://leafo.net/lessphp/lessify/
https://github.com/sickill/css2less/

Is it flawless?

We're using a bunch of unit-tests to keep things smooth, but we're still in an early phase. This mean that you'll probably find some issues and lots of ideas to be added.

We're happy to hear them, just let us know and we'll prioritize them and hopefully add them in the near future!

But please, keep in mind that this is a machine conversion. It can't read your mind and sometimes if you have an ugly CSS with a bunch of random selectors, the LESS file won't look a whole lot better. We also can't do much about the order of certain rules. If you specify competing CSS properties, the LESS file might break things because we have to re-group most of your CSS file.