Home » what is SASS

Sass (Systematically Awesome Style Sheets)

Sass stands for Systematically Awesome Style Sheets.

It is a CSS pre-processor. It is an extension of CSS that is used to add power and elegance to the basic language. It facilitates you to add variables, nested rules, mixins, inline imports, inheritance and more, all with fully CSS-compatible syntax.

Sass is more stable and powerful CSS extension language that describes style of document cleanly and structurally. It is very useful to handle large style sheets by keeping them well organized and running quickly small style sheets.


History

Sass was initially designed by Hampton Catlin and developed by Natalie Weizenbaum in 2006. After the initial development, Natalie Weizenbaum and Chris Eppstein continue with its initial version and extend Sass with SassScript, a simple scripting language used in Sass files.


Features of Sass

  • Sass is fully CSS-compatible.
  • It is more stable, powerful and elegant than CSS.
  • It is based on JavaScript and is superset of CSS.
  • It has its own syntax and compiles to readable CSS.
  • It is an open-source pre processor that is interpreted into CSS.
  • It supports language extensions such as variables, nesting, and mixins.
  • It provides many useful functions for manipulating colors and other values.
  • It provides many advanced features like control directives for libraries.
  • It provides well-formatted, customizable output.
Next TopicWhy to use Sass

You may also like