What's the difference between SCSS and Sass?

Question

From what I've been reading, Sass is a language that makes CSS more powerful with variable and math support.

What's the difference with SCSS? Is it supposed to be the same language? Similar? Different?

Answer 1

The full form of SASS is Syntactically Awesome StyleSheets. SASS adds power and elegance to the basic language and it is an extension of CSS. The new name of SASS is SCSS with some changes, but the old one SASS is also there. 

Below is the difference between SCSS or SASS:-

Below is the syntactic example of SCSS and SASS respectively:-

$color: red 

=my-border($color) 

 border: 1px solid $color

body 

 background: $color

+my-border(green)

$color: red; 

@mixin my-border($color) { 

border: 1px solid $color; 

} 

body { 

background: $color; 

@include my-border(green); 

}