What is SASS (Introduction to Syntactically Awesome StyleSheets – SASSY CSS)


Sass is a preprocessor of CSS that can do your css more expressive maintainable, Sass is more useful if your working on a large project that has a tons of CSS code. Word sass stands for Syntactically Awesome StyleSheets or SASSY. The concept behind sass is you write a code to sass file, and sass will automatically convert your code into a css file, on this process you don’t need to update the CSS file. The codebase use in SASS is comparable to CSS, except that it has an extra features such as variables, logical & math operators, etc. sass variable can be implemented to store a common value that can be use across my selectors, this features can be helpful to save us from using repeated value across all over the  codebase.

Working with Sass – You can use Sass in 3 ways, working on command line tool, as standalone with Ruby module or as a plugin. CSS syntax are same like Sass with a set of extensions named SassScript. SassScript allow you to use variables and operators with an extra function and dynamically generate selectors and property which is Sass become more superb.

Sass Advantage compare to other preprocessors are it helps you to manage a large stylesheet well organized and provide you a better way to express variables, functions, nestings, mixins that can be more expressive approach to the stylesheets. However, sass it is not only for larger stylesheets, it also supports smaller Stylesheets running rapidly.

How to install Sass your Development Machine.

You can install Sass with in your development environment or use Sass from your development framework that supports sass. Sass requires Ruby to get installed some OS are pre-installed with sass like macOS other OS requires Ruby to start working with Sass.

Installing on Linux Operating System

If your Operating System does not have Ruby installed, you can install using apt package manager or (rbenv, rm). Follow the command bellow to install Sass.

Installing on Windows Operating System

Windows Operating System does not have pre-installed Ruby, so you just install it by going to Ruby website and go to the download area. Ones it is installed you need to open the command line interface and type the command below.

Installing on MacOS Operating System

Mac OS has already pre-installed Ruby, you just open the terminal located at the utilities folder and type the command below.

To see if Sass installed in your Machine

You can check if sass installed on your machine by opening your command line interface or terminal and type:

Dev Environment that support Sass

There are some IDE that supports Sass such as CodeKit or Hammer for macOS that automatically converted your Sass file into CSS. Happy scripting. For more details and example working with Sass code please refer to the official development site.


Leave a Reply

Your email address will not be published. Required fields are marked *