Новий і старий синтаксис

Синтаксис SCSS (новий):

$blue: #3bbfce; 

$margin: 16px; 

.content-navigation { 

   border-color: $blue; 

   color: darken($blue, 20%); } 

.border { 

   padding: $margin / 2; 

   margin: $margin / 2; 

   border-color: $blue; 

}

Синтаксис SASS (старий):

.content-navigation 

  border-color: $blue 

  color: darken($blue, 9%) 

.border 

  padding: $margin/2 

  margin: $margin/2 border-color: $blue