SCSS é a sintaxe mais recente e mais usada.
É mais semelhante ao css normal (“… toda folha de estilo CSS3 válida também é um SCSS válido.”).
SASS:
$blue: #3bbfce
$margin: 16px
.content-navigation
border-color: $blue
color: darken($blue, 9%)
.border
padding: $margin / 2
margin: $margin / 2
border-color: $blue
SCSS:
$blue: #3bbfce;
$margin: 16px;
.content-navigation {
border-color: $blue;
color: darken($blue, 9%);
}
.border {
padding: $margin / 2;
margin: $margin / 2;
border-color: $blue;
}
Crédito: http://responsivedesign.is/articles/difference-between-sass-and-scss