Ultimate Sass-Scss Cheatsheet [Live Doc]

clear                       // clear the screen
ls                          // list file contents
cd ..                       // Switch to parent directory
mkdir <folder-name>         // Make directory
cd <folder-name>            // Change directory
touch <file.extension>      // Create a file with the extension provided
cp index.js ..              // Copy file into parent directory
mv script.js ..             // Move file into parent directory
rm index.js                 // Permanently delete the file
rm -r <directory-name>      // Delete the directory
rm script.js index.js       // Permanently delte multiple files
open hero.jpg               // Will open the pic in default pic viewer

• Always inside a folder on a Linux based system

• Mixin = A piece of code stored under a common name which can be used repeatedly at different places.
  An argument is passed to a mixin, which can be used by it.

• Function = Inbuilt as well as used defined fns can be created.

• BOTH mixin, functions can have arguments. And don't produce any CSS code. They only help us to write code.

• Extend = If its a mixin, code is brought from its definition to the place of invocation. If its an extend, code is taken from the calling place to its definition.

• Although mixin & extend look similar, but work very differently behind the scenes.

• Use mixins generally for all cases.

• Use extend whenever the elements are pretty related like it happened here.