sass vs scss

1/* Answer to: "sass vs scss" */
2
3/*
4  The basic difference is the syntax. While SASS has a loose syntax
5  with white space and no semicolons, the SCSS resembles more to CSS.
6  SASS stands for Syntactically Awesome StyleSheets. It is an
7  extension of CSS that adds power and elegance to the basic
8  language.
9  
10  There's more differences but too much for me! Fortunately, someone
11  else asked the same question over in StackOverflow! Here's a link
12  to their answer:
13  https://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass
14*/

1/*SMART DIFFERENCE*/
2/*CSS*/
3body {
4  font: 100% Helvetica, sans-serif;
5  color: #333;
6}
7
8/*SCSS*/
9
10$font-stack:    Helvetica, sans-serif;
11$primary-color: #333;
12
13body {
14  font: 100% $font-stack;
15  color: $primary-color;
16}
17
18
19/*SASS*/
20$font-stack:    Helvetica, sans-serif
21$primary-color: #333
22
23body
24  font: 100% $font-stack
25  color: $primary-color
26
27
28

1/* Answer to: "css vs scss" */
2
3/*
4  Sass has two syntaxes. The most commonly used syntax is known as “SCSS”
5  (for “Sassy CSS”), and is a superset of CSS3's syntax. ... Inspired by
6  Haml's terseness, it's intended for people who prefer conciseness over
7  similarity to CSS. Instead of brackets and semicolons, it uses the
8  indentation of lines to specify blocks.
9
10  Check the full answer by clicking on the source but the main thing here is:
11  SCSS is a **SUPERSET** of the CSS3's syntax.
12*/