Check out example codes for "What is a Mixin?". It will help you in understanding the concepts better.

Code Example 1

	Mixins are Sass functions that group CSS declarations together.
	We can reuse them later like variables.

	We can create a mixin with @mixin ex: @mixin variable-name {}
	we can create a mixin as a function show below and add parameters as well

	After creating the mixin, we can use it in any class with @include command.
	This approach simplifies the code.

@mixin my-flex {

$font-color: red;
@mixin my-font($font-color) {...}

/****HOW TO USE****/
div { 
  @include my-flex; 

Learn ReactJs, React Native from