scss vs css code code example

Example 1: css vs scss

/* Answer to: "css vs scss" */

/*
  Sass has two syntaxes. The most commonly used syntax is known as “SCSS”
  (for “Sassy CSS”), and is a superset of CSS3's syntax. ... Inspired by
  Haml's terseness, it's intended for people who prefer conciseness over
  similarity to CSS. Instead of brackets and semicolons, it uses the
  indentation of lines to specify blocks.

  Check the full answer by clicking on the source but the main thing here is:
  SCSS is a **SUPERSET** of the CSS3's syntax.
*/

Example 2: scss vs code

"liveSassCompile.settings.formats": [
        // This is Default.
        // {
        //     "format": "expanded",
        //     "extensionName": ".css",
        //     "savePath": "~/../css/"
        // },
        // Or you can compress your css
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "~/../css/"
        }
    ],