Sass vs SCSS

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