What is Sass

Do you know what is Sass? Sass (Syntactically Awesome StyleSheets) is a scripting language that is interpreted into Cascading Style Sheets (CSS). It allows you to keep your CSS code very simple and helps increase readability. It is simply a different way to work with CSS.

The official implementation of Sass is open-source and coded in Ruby, however, other implementations exist, including PHP, and a high-performance implementation in C called libSass. There’s also a Java implementation called JSass.

Sample SASS Code

$blue: #3bbfce
$margin: 16px
 
.content-navigation
  border-color: $blue
  color: darken($blue, 9%)
 
.border
  padding: $margin/2
  margin:  $margin/2
  border-color: $blue

Would compile to:

.content-navigation {
  border-color: #3bbfce;
  color: #2b9eab;
}
 
.border {
  padding: 8px;
  margin: 8px;
  border-color: #3bbfce;
}