• SCSS Cheat Sheet
• Site officiel SASS
• https://www.pierre-giraud.com/sass-apprendre-cours-complet/
• https://css-tricks.com/the-sass-ampersand/

https://sass-lang.com/install/

Installer NodeJS et NPM :

sudo apt install nodejs npm

Tester les versions :

node -v
npm -v

Installer SASS globalement :

sudo npm install -g sass

Compiler un .scss :

sass style.scss style.css

Recompiler à chaque modification du fichier :

sass --watch input.scss output.css

$body-background: #354E64;
$body-text      : #00102A;
$main-font      : 'Roboto', sans-serif;
 
body {
    background-color: $body-background;
    color           : $body-text;
    font-family     : $main-font;
}

Importe les fichiers _colors.scss et _widgets.scss au sein de main.scss.

Les fichiers importés sont préfixés par un underscore afin qu'ils soient ignorés par la compilation automatique, seul main.scss sera compilé et importera les deux autres.

main.scss

@import "_colors";
@import "_widgets";