Sass - Mixin Directives

Mixins allow creating a group of styles, which are reusable throughout your stylesheet without any need to recreation of non-semantic classes. In CSS, the mixins can store multiple values or parameters and call function; it helps to avoid writing repetitive codes. Mixin names can use underscores and hyphens
interchangeably. Following are the directives present in Mixins −

S. No.	Directive & Description
1	Defining a Mixin @mixin directive is used to define the mixin.
2	Including a Mixin @include directive is used to include the mixins in the document.
3	Arguments The SassScript values can be taken as arguments in mixins, which is given when mixin is included and available as variable within the mixin.
4	Passing Content Blocks to a Mixin Block of styles are passed to the mixin.