Recently i read the http://css-tricks.com/sass-vs-less/ post and one paragraph call my attention, related to CSS3 Helping
So what this comes down to is: Sass has Compass and LESS does not. But it goes deeper than that. The attempts at creating a real robust project like Compass for LESS haven't succeeded because the LESS language isn't robust enough to do it properly. Winner: Sass
One of the robustness explanations says:
Sass has actual logical and looping operators in the language. if/then/else statements, for loops, while loops, and each loops. No tricks, just proper programming. While guarded mixins are a pretty cool, natural concept, language robustness goes to Sass. This language robustness is what makes Compass possible.
I feel uncomfortable with such kind of affirmation and have my doubts. This days almost everything is possible with Javascript (LESS compiler).
Question:
It's possible to build a Compass like tool on top of LESS or the language (JS) isn't robust enough like the post says ??
Note:
The answer should be focus in the fact that LESS is or isn't robust enough to build a Compass like tool rather than your personal preference in the subject.
Focus on why (language facts) you do that kind of affirmation.
Compass. SASS. Definition. Compass is an SASS library holding the raw code with additional inbuilt functions. SASS is merely and extension of CSS3 which includes variables, loops, selector inheritance and many more.
Syntactically Awesome Stylesheets (Sass) and Leaner CSS (LESS) are both CSS preprocessors. They are special stylesheet extensions that make designing easier and more efficient. Both Sass and LESS compile into CSS stylesheets so that browsers can read them. This is a necessary step because modern browsers cannot read .
CSS and LESS are not completely different, but LESS does offer additional features that make your projects easier. More than that, the compiled version of LESS is actual CSS. Feel free to share your feedback as comments to this blog.
Features of SassIt has its own syntax and compiles to readable CSS. It is an open-source preprocessor that is interpreted into CSS. It supports language extensions such as variables, nesting, and mixins. It provides many useful functions for manipulating colors and other values.
lolmaus's answer implies LESS does not have the same things as SASS, so to pattern off his answer, let me simply respond as follows:
LESS has at least one Compass like work in progress through compless, as well as semantic grid systems (lessframework, semantic grid, fractionless), media query manipulation tools (less media query solutions), various built in math and color tools, styling libraries (Bootstrap, 3L, less elements, LESS hat, Clearless), etc.
In short, robustness has nothing to do with it. Both are robust enough. SASS with Compass has perhaps had more attention paid to it (more developments done), but both SASS and LESS have plenty of supporters, and nearly parallel capabilities.
It is the ecosystem of numerous Compass extensions for all possible purposes that makes SASS really shine.
We have semantic grid systems (Singularity, Susy, Neat, Zen Grids...), media query manipulation tools (Breakpoint, Breakpoint Slicer...), various math and color tools (Toolkit, Modular Scale, Responsive Calculator, Color Schemer, Blend Modes...), styling libraries (Compass, Bourbon, Foundation, Sassy Buttons...), etc.
With SASS, you don't have to build scaffolding or reinvent the wheel over and over again.
Here's an example of a responsive gallery grid: http://sassbin.com/gist/5670191/ Can you solve the task with that little code in LESS?
> It's possible to build a Compass like tool on top of LESS or the language isn't robust enough like the post says ??
Theoretically, there are no limits to do that. Practically, no one would bother because there's the Compass ecosystem already.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With