Sass: Syntactically Awesome Style Sheets

What is Sass?

Sass is a CSS preprocessor—a layer between the stylesheets you author and the .cssfiles you serve to the browser. Sass (short for Syntactically Awesome Stylesheets) plugs the holes in CSS as a language, allowing you to write DRY code that’ll be faster, more efficient, and easier to maintain.

So while normal CSS doesn’t yet allow things like variables, mixins (reusable blocks of styles), and other goodies, Sass provides a syntax that does all of that and more—enabling “super functionality” in addition to your normal CSS. It then translates (or compiles) that syntax into regular ol’ CSS files via a command-line program or web-framework plugin.

Sass is completely compatible with all versions of CSS.

css to sass conerter online   –>  http://css2sass.herokuapp.com/

http://sass-lang.com/guide

https://css-tricks.com/sass-style-guide/