CSS to Less

#1

Post by heroic » Thu, May 03, 2012, 12:44 PM UTC

CSS to Less
css2less.cc

Re: CSS to Less

#2

Post by shpoonj » Thu, May 03, 2012, 1:37 PM UTC

This would be great if it didn't strip comments and took your redundant css and replaced it with a mixin.

Oh and if it declared variables for repeated values, I'd use it for sure.

edit: Just noticed it doesn't format prefixed properties neatly, lists properties in a weird order, and for whatever reason, the order of elements gets rearranged. That's a major issue... for some reason, my .container ended up at the very bottom.

Re: CSS to Less

#3

Post by huskyr » Thu, May 03, 2012, 1:38 PM UTC

The site seems to be down for now, but i suppose it's a lot like the css2sass tool:

http://css2sass.heroku.com/

I've used that and it's quite a nice start, but you shouldn't really expect it to be as good as hand-written LESS or SASS. Lots of the wins of using a preprocessor is in defining good re-usable mixins and hierarchies, and a conversion tool simply can't give you all of that.

IMHO if you want to use SASS/LESS, write all of it from scratch.

Re: CSS to Less

#4

Post by chrisacky » Thu, May 03, 2012, 1:45 PM UTC

It kind of works. I didn't really expect it to work for my mamotth 9000 line CSS. Would be perfect for small projects though definitely.

I write in LESS to start with. So I took the compiled CSS from less, then tried to run it through the css2less convertor, then recompile what it generates.

Few things I noticed.

[1] Selectors get rearranged

[2] Cannot correctly handle base64 images

[3] Cannot handle child selectors. ie :child / n-th child.

[4] Comments get mangled (confirmed from another commentor below)

[5] Generates duplicate properties (where the duplicates didn't exist in precompiled). Creating duplication properties is actually correct, such is the case where you would want duplicate background properties (to support IE/FF/Chrome gracefully etc). However, you don't want it to generate identical properties where the values are also the same.

[6] font-faces wrong. (To be fair, this is hard to get right even in normal LESS).

All constructive feedback. I'm still impressed that it did a fairly decent job.

Re: CSS to Less

#5

Post by masklinn » Thu, May 03, 2012, 2:04 PM UTC

huskyr wrote: post #3

The site seems to be down for now, but i suppose it's a lot like the css2sass tool: http://css2sass.heroku.com/ I've used that and it's quite a nice start, but you shouldn't really expect it to be as good as hand-written LESS or SASS. Lots of the wins of using a preprocessor is in defining good re-usable mixins and hierarchies, and a conversion tool simply can't give you all of that. IMHO if you want to use SASS/LESS…

> you shouldn't really expect it to be as good as hand-written LESS or SASS.

Even without that, I'd have expected it to at least extract repeated color values into variables, and maybe repeated propsets into mixins.

Because really, from a short test it does little more than me changing my file's extension to .less/.scss

Re: CSS to Less

#6

Post by janlukacs » Thu, May 03, 2012, 2:05 PM UTC

the site is down!

Re: CSS to Less

#7

Post by masklinn » Thu, May 03, 2012, 2:06 PM UTC

chrisacky wrote: post #4

It kind of works. I didn't really expect it to work for my mamotth 9000 line CSS. Would be perfect for small projects though definitely. I write in LESS to start with. So I took the compiled CSS from less, then tried to run it through the css2less convertor, then recompile what it generates. Few things I noticed. [1] Selectors get rearranged [2] Cannot correctly handle base64 images [3] Cannot handle child selectors.…

Other things which would be nice:

* Correctly extract sets of compatibility (prefixed) properties into a mixin

* Extract and fix prefixed properties missing the unprefixed version and/or other prefixes

Re: CSS to Less

#8

Post by dansku » Thu, May 03, 2012, 2:14 PM UTC

janlukacs wrote: post #6

the site is down!

:( seems so!

Re: CSS to Less

#9

Post by nicooprat » Thu, May 03, 2012, 2:22 PM UTC

Hi folks,

First thing, Css2less is hosted on our small server by home, so it's kind of hard to handle the amount of today visits :)

Please be patient if server goes down for a few minutes...!

Second thing, I see a lot of good ideas here ! You should definitely propose them on the Github page so it's not lost :

https://github.com/nicooprat/Css2Less

There's still a lot of work to accomplish as you expected it, so it's also the occasion for me to make a call for ruby gurus who could helps us to add this awesome features :

https://github.com/thomaspierson/libcss2less

Thanks all guys for your feedback, much appreciated. Nico

Re: CSS to Less

#10

Post by roman_m » Thu, May 03, 2012, 3:05 PM UTC

nicooprat wrote: post #9

Hi folks, First thing, Css2less is hosted on our small server by home, so it's kind of hard to handle the amount of today visits :) Please be patient if server goes down for a few minutes...! Second thing, I see a lot of good ideas here ! You should definitely propose them on the Github page so it's not lost : https://github.com/nicooprat/Css2Less There's still a lot of work to accomplish as you expected it, so it's…

Must say I really like the idea. It would be awesome to have same command line tool as lessc for reverse parsing.