What's the difference between Sass and SCSS?

Sass and SCSS are actually the same kind of things, we usually call Sass, the difference between the following two points:

1. File extension differs, Sass is extension with ". Sass" suffix, and SCSS is extension with ". SCSS" suffix
2. Grammar is written in a different way, Sass is written in strict indentation grammar rules, without curly braces ({}) and semicolons (;), and SCSS's syntax is very similar to the way we write CSS syntax.

Sass syntax

$font-stack:helvetica, Sans-serif  //define variable $primary-color: #333//define variable body  font:100% $font-stack  color: $ Primary-color

SCSS syntax

$font-stack:helvetica, Sans-serif; $primary-color: #333; body {  font:100% $font-stack;  Color: $primary-color;}

The compiled CSS

Body {  font:100% Helvetica, Sans-serif;  Color: #333;}

What's the difference between Sass and SCSS?