/*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
/*
SASS default file *.scss must be converted to *.css to use in html
Installation:
npm install -g sass
*/
<head>
<link rel="stylesheet" href="styles.css">
</head>
/* create new file styles.scss and fill */
$myColor: red;
body {
color: $myColor;
}
/*
in terminal run: sass --watch styles.scss styles.css
info from https://sass-lang.com/install
*/