SASS INTRODUCTION

SASS (Syntactically Awesome Stylesheet) is an extension to CSS

SASS is a CSS pre-processor

SASS is completely compatible with all versions of CSS

SASS reduces repetition of CSS and therefore saves time

SASS was designed by Hampton Catlin and developed by Natalie Weizenbaum in 2006

SASS is free to download and use

SASS files has the ".scss" file extension

Stylesheets are getting larger, more complex, and harder to maintain

This is where a CSS pre-processor can help

SASS lets user use features that do not exist in CSS, like variables, nested rules, mixins, imports, inheritance, built-in functions, and other stuff

A browser does not understand SASS code

Therefore, user will need a SASS pre-processor to convert SASS code into standard CSS

This process is called transpiling (a term for taking a source code written in one language and transform/translate it into another language)

Therefore, user need to give a transpiler (some kind of program) some SASS code and then get some CSS code back