What is a SASS?

SASS is an open-source pre-processor language for CSS. It is abbreviated as Syntactically Awesome Stylesheets. CSS is usually used to describe how UI pages are displayed to end-users using different styles, layouts, themes, etc…

CSS is very useful for simple applications, when the application is large, reusing the styles and UI resources is a nightmare with CSS.

We can use SASS which contains a superset of CSS with basic programming languages.

It provides reusable code in CSS and modularity and is helping to organize the code in larger projects.

It provides templates and variables, functions that can be declared once and reused in multiple places across multiple modules and applications.

Prerequisites to learn

You must know HTML and CSS with basic programming languages.

SASS Advantages

  • Opensource and support all versions of CSS
  • Basic programming languages with reusable CSS snippets
  • Separation of various UI styles to make it clean and simple
  • Helps UX and UI designers to develop the reusable assets
  • Number of lines of code will be reduced when compared with CSS
  • Maintenance is easy as a group of similar styles is placed in a single file.
  • It supports modular design

SASS Disadvantages

It is very difficult to learn new things for developers initially. During the development stage, SASS or any preprocessor tools need an extra step to compile CSS. Browsers did not understand the sass syntax. It is difficult to debug to fix any CSS issues.

A learning curve exists as a need to learn the syntax and programming language concepts.