SCSS to SASS code example

Example 1: sass to scss

# You can do it with SASS itself 
# Nevermind these malware infested sites below
sass-convert style.sass style.scss

Example 2: css sass scss

/*SMART DIFFERENCE*/
/*CSS*/
body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}

/*SCSS*/

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}


/*SASS*/
$font-stack:    Helvetica, sans-serif
$primary-color: #333

body
  font: 100% $font-stack
  color: $primary-color

Example 3: scss to css

Use the "Live Sass Compiler" in Visual Studio Code

Example 4: scss

sass --watch app/sass:public/stylesheets

Example 5: scss

sass --watch input.scss output.css