People used to write CSS for their web design in the past days. This had various issues, specifically:
- To reduce bandwidth, CSS needs to be minified.
- Browser compatibility causes duplication.
First of all, “What is SASS”?
SASS:
- Syntactically Awesome Stylesheet.
- designed by Hampton Catlin and developed by Nathan Weizenbaum.
- an extension of CSS3.
- adding nested rules
- variables, mixins and selector inheritance.
- it has decent capabilities that are truly absent in CSS.
SASS is translated to well-formatted CSS utilizing the command line tool.
It is utilized to depict the style of a document cleanly and structurally with more power than flat CSS allows.
Sass has two syntaxes:
- Most commonly used syntax is known as SCSS (superset of CSS3).SCSS files use the extension.scss.
- Second syntax is known as the.sass.
- SASS is a Cascading Style Sheets or CSS metalanguage.
- SASS is intended for people who prefer conciseness over similarity to CSS.
- It uses the space of lines to specify blocks instead of brackets and semicolons.
The transition from CSS to SASS is easy - you don’t have to change any old files you already have in your system. Just rename your files from.css to.scss include a compiler (Compass) from then on simply begin using Sass’s capabilities whenever you require them. This is a true smooth transition and most likely the reason why the.scss syntax beat the old indented syntax. With Sass you can effectively manage a system of plugins and shared library “code” between different parts of your site and even between sites in a manner which plain css can never do.
With Sass & Compass you can have better Cross browser support especially if you’re planning on using all the new “CSS3” properties.
Also the greater part of all, Sass gives you a chance to treat your stylesheets as part of your code base, with the respect they deserve and with the power that you need. So go begin using Sass and enjoy the power.
Why do we use SASS Grid Frameworks?
- SASS, the ideal fit for creating CSS frameworks
- Frameworks like Blueprint, 960 Grid System, Grid Coordinates and Susy have created ways for designers to skip the repetitive, everyday and generally importantly the math.
- With a CSS framework, front-end devs and designers can get a site laid out generally quick with a minimal number of bugs, on highest point of an intensely tested code base.
Chris Eppstein has also created Compass, essentially a collection of awesome mixins that supplement SASS - meaning that you can dive straight in to a new world where CSS is fun again.