Mixins

Mixins are designed to make it easy to write groups of CSS rules in 1 line of code. It is kind of like calling a function in any programming language. They work the same as they allow us to pass in parameters and return something based on what is passed in as a parameter. Paramters can also get messy, if there are too many declarations. As a general rule of thumb, no more than 2 parameters should be declared in a function. The same design principles should be applied to mixins.

If you are an experienced developer, you probably have come across lots of repeatition, many messy functions doing similar things which are not named in the most self explanotory way.

Namespaced mixins allow us to use Class-like architecture, where you can have multiple methods within a class. This helps us to group similar sets of mixins within a namespace which helps construct readable and memorable code.