Introduction of Sass(SCSS) LibSass and Sass Framework

Introduction of Sass(SCSS) LibSass and Sass Framework

Sass is a stylesheet language  that is an extension of CSS.It is  just preprocessing tool.It takes Sass(.sass) or SCSS(.scss) files as input and output CSS files(.css).
Sass adds a lot of featuress that can help to create better stylesheets.
Sass Allow two types of syntax.

1. Sass, also known as the idented syntax.

2.SCSS or Sassy CSS , a CSS-like syntax.
History:
Sass was part of another preprocessor Haml Which is heavily inspired by the programming language Ruby.
Sass stylesheets  used a Ruby-like syntax with no braces or semicolons, and strict identation.

.media
   margin: 10px
.media  .img
   float: left

   
   In 2009 the new .scss file format was introduced that  is more closely  to the usual CSS syntax.
   
   
   .media {
       margin: 10px;
   }
   .media  .img {
       float: left:
   
   }
   
   
   

SCSS is most popular in community.
Note: "Sass"  is never uppercase.
"SCSS "is always uppercase.
========
LibSass:
========
Sass compiler has two implementation.One in Ruby other is  in C/C++(called LibSass).
In 2013  at first ever Sass Conference Hampton announced the arrival of LibSass.
LibSass now has wrappers available
for Go, Java, JavaScript, Lua, .Net, Node (with Gulp and Grunt plugins), Perl, PHP,
Python, Scala, and even Ruby.

Alternative tools:
Stylus,Less and PostCSS are other preprocessor of CSS.
Stylus is built in  Node.js.more permissive and flexible
=====
Less:
====
Less is a declarative language  while Sass is imperative.
A declarative language describes to a machine what we want and imperative language tells the machine how to do it.

• #howto_style
• #sass_tutorials_for_beginners
• #sass_tutorials_in_urdu
• #sass_introduction
• #linsass