what is sass

what is sass?

Share on Facebook0Share on LinkedIn0Tweet about this on Twitter0Share on TumblrShare on Google+0Share on StumbleUpon0

What is SaSS (Css preprocessor) ?

Syntactically Awesome Style Sheets abbreviation of Sass is CSS with SuperPowers. Suppose of situation in which you have some color in your website several times in headings, as anchor colors or may be as a background of some elements, now you want to change the color slightly.

Oh Its a nightmare, you have to iterate through each usage and fix it. Now suppose you had a variable for that color something like,

which you used everywhere, now you only have to change the value of the variable only once and its all done. Pretty Cool Haa!! This is what is SaSS capable of.

Even as of now your traditional browser requires a CSS to style documents, but few intelligent people have written CSS preprocessorlike SaSS, which converts this highly enhanced programmable style sheets to CSS.

In the section below we are going to discuss the benefits of a Using a CSS preprocessor such as SASS, later on in this series I am going to cover how to use Sass and Easy migration from Traditional CSS to Enhanced SASS.

Why use SASS

With SASS you get superpowers, it comes with lot of features, lets list them down.

Variables

With SASS you can create variables to store values which you can reuse throughout the document. For example hold color or font stacks in variables.

Imports

You will be thinking that traditional CSS has an Import feature that lets you split large style into small maintainable style sheets, but with every @import you use, your browser make another HTTP requesting thus putting load on the browser, SASS builds on top of it, instead of making a HTTP request it combines all the imports in a single file before hand.

Nesting

In a similar fashion like HTML lets you nest elements with in each other, SASS lets you nest CSS Selectors. It makes the code clean and easily understandable.

Mixins

Mixins are pretty cool, Some times you need to write same set of properties again and again which gets tedious in traditional CSS. With SASS a mixin lets you make groups of CSS declarations that you want to reuse throughout the stylesheet.

 

Conclusion :

Today we learnt what is SASS language and why should we integrate it with our web designing project. In short SASS comes with super awesome powers, keeping your style sheets short and maintainable.

Summary
Article Name
What is SaSS (Css Preprocessors)
Author
Description
What is SaSS (Css PrePorcessor) ? Syntactically Awesome Style Sheets abbreviation of Sass is CSS with SuperPowers.
Share on Facebook0Share on LinkedIn0Tweet about this on Twitter0Share on TumblrShare on Google+0Share on StumbleUpon0