What CSS compiler do you use (SASS, Less, HSS, etc)?

Question

I've been looking to make my web development a little more DRY. SASS+HAML seem to have a degree of popularity within the Ruby/Rails community, but, do those outside of that community generally use these as well? Do they opt for other solutions, or do they stick with plain HTML+CSS, and if so, what is the reason?

Answer 1

HSS is very useful and easy to use/

there is CleverCss (python) I think it worth to try/

SASS in (ruby) more complex but not that much (: /

Answer 2

I use SASS.

It's a natural fit since I do my web work with Rails and use HAML for all my HTML templating needs. I don't take advantage of the more advanced features - I plan to spend some time figuring out how to make more use of them with the new version 3.0 that went production just now.

Answer 3

We use Less, mainly because it is syntax compatible with normal CSS. It is a bit slow in generating CSS, though; so much so that we've built simple caching for it during development. Other than that, it does what it promises.

Answer 4

I opt for simplicity by keeping CSS as CSS. I've never seen the need for variables, apart from a very small number of specific cases where the cascade or grouped selectors cannot work, e.g.:

#foo { color: #f00; border-color: #f00; }

I'm not sure if think there should be a pure-CSS solution to that (color-and-border: #f00?) but even without that, I think the pros of not introducing a programming layer outweigh the tiny con of having to duplicate the colour.

Actually, having checked it, even this example isn't great since border-color will default to color if not specified. Kudos to the spec writers - they pretty much prefigured every case where variables might be necessary, and removed them!

Answer 5

i use XCSS it uses the stadard CSS syntax and extends it in a very smart way. The way the selector inheritance is handled is amazing. You can set global variables and do math operation in your CSS. You can choose to compress the CSS result etc...

check out the examples at this page: http://xcss.antpaw.org/docs/syntax/extends