Sass vs Less

Features

Pre-processing

Variables

Mixins

Nesting

Extend

Operations (Math)

Functions

About Css

(Cascading Style Sheet)

CSS is used for styling a web page. Colors, Images, Fonts etc. defined in CSS.

CSS on its own can be fun but stylesheets are getting larger, more complex and harder to maintain. This is where a preprocesser can help.

About Less

( Leaner CSS )

Less was created on 2009 by alexis sellier, more commonly known as @cloudhead. Origanally written in ruby, it was then ported to javascript.

About SASS

(Syntactically Awesome Stylesheet)

Sass is written on ruby on rails.

Sass vs less

Sass used if/else/where loops conditi9ns
Sass using $ for variables, Less use @ (@ become little confusing because in css itself it is used for diffrent purposed like @font, @keyframe, @media etc.. )
Sass have unclear vision of global and local variable but less do.

Source

http://cognition.happycog.com/article/preprocess-this

http://css-tricks.com/redesigning-with-sass/

http://sass-lang.com/guide

http://css-tricks.com/sass-vs-less/

http://www.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

http://sass-lang.com/

http://lesscss.org/

Pre-processing

Pre - processing refers, where we write a small piece of code and tolls create the full css for us.

Variables

Variables are used for store a value in that. These are similar like we use in other programming languages such as Javascript, Java, PHP etc.

Mixins

Mixins can be describe as where two or more styles can combine together to create another. For example we have color code #32adaf and adding a value such as "25" i will create another color.

Sass : @include position(absolute, 10px -13px 0 0)

CSS : position:absolute; top:10px; right:-13px;