Sass: Including a mixin
The @include directive is used to include the style defined by the mixin into the document. The name of the mixin is taken and optional arguments are passed into it.>
Let’s take an example to demonstrate how to include a mixin in the SCSS file. Here, we take an HTML file named “simple.html”, having the following code.
Take a SCSS file name “simple.scss”, having the following code:
Open command prompt and run the watch command to tell SASS to watch the file and update the CSS whenever SASS file is changed.
sass –watch simple.scss:simple.css
After executing the above command, it will create a CSS file named ?simple.css? file automatically with the following code.
You can see the automatically created CSS file.
Output:
See the output after applying the CSS.