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.