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;
Nesting
Sass vs Less
By sarabs3
Sass vs Less
- 1,237