In talking to other web designers/developers, reading blog posts, and seeing "Show HN" posts, it seems that there are a lot of people who prefer SCSS/Sass over LESS.<p>There are large projects that use both technologies, such as Bootstrap (LESS) and Jekyll (SCSS/Sass) just to name a couple.<p>However, it seems like on a project-to-project basis, people tend to prefer to use Sass over LESS. I've heard some vague reasons why (such as looping and proper mixin/"method" calls in Sass) but never anything very concrete and compelling enough for me to understand the reasoning behind choosing one over the other.<p>Even more than the apparent popularity of SCSS/Sass is the apparent visceral hatred of the "other" system by users of it's "competitor." This seems to be more prevalent in the SCSS/Sass community (towards LESS), but I've seen it pointed in the other direction too.<p>So I turn to y'all; what are the reasons you choose SCSS/Sass or LESS for a project. Is it a simple matter of whichever technology you were exposed to first, and as such have a comfort with it and little reason to test the waters? Are you handcuffed into the system you use due to previous project decisions? Are there actual technical/usability reasons you know of that makes one better than the other? I'm really interested to know!<p>I myself use LESS, mostly because it's what I picked up first and have no significant use case where I had to switch to Sass (except for when using projects like Jekyll, which support Sass as a first class/the only citizen).
You will probably need to use node js anyway for other is build tools, but won't need ruby unless you use rails. Reduce your build to dependencies and use less.<p>That said, I recommend you look into stylus. It is better than either less or sass in my opinion as it gets rid of a lot of unnecessary syntax.<p><a href="https://learnboost.github.io/stylus/" rel="nofollow">https://learnboost.github.io/stylus/</a>
I started with LESS (Bootstrap) and couldn't make the column gutters collapse. I did some research, found that I could do that in Zurb Foundation so I started using foundation. It was that simple difference that caused me to go with SASS over LESS. I actually wasn't doing anything custom in either framework at first, but once I wanted to start customizing the framework I started learning SASS and really like it. I've also been learning ruby/rails and it's nice that its written in the same language. I've now dropped the idea of a huge framework and have been learning compass and susy with sass and I really like that solution as opposed to an entire framework. I think both LESS and SASS are great and valid solutions to the problem. At this point it's just preference.<p>edited for clarity
I think much of the valid "us vs them" arguments came in the pre-SCSS days. Back then SASS was <i>NOT</i> a superset of css, while LESS was. So choosing between them could lead to very different codebases / workflows. These days they are both supersets (or rather, SCSS is a superset, you know what I mean), and they have many of the same options available, so IMHO the differences are trivial.
FYI, Bootstrap has an official SCSS version as well as the LESS one. <a href="https://github.com/twbs/bootstrap-sass" rel="nofollow">https://github.com/twbs/bootstrap-sass</a>
I think the big reason people prefer SASS is because of Compass - <a href="http://compass-style.org/" rel="nofollow">http://compass-style.org/</a>