Sass Tutorial
Sass Useful Resources
Selected Reading
- Extending Sass
- Sass - Output Style
- Sass - Function Directives
- Sass - Mixin Directives
- Control Directives & Expressions
- Sass - @-Rules and Directives
- Sass - Script
- Sass - Comments
- Sass - CSS Extensions
- Using Sass
- Sass - Syntax
- Sass - Installation
- Sass - Overview
- Sass - Home
Sass Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Sass - Mixin Directives
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 |
@mixin directive is used to define the mixin. |
| 2 |
@include directive is used to include the mixins in the document. |
| 3 |
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 |
Block of styles are passed to the mixin. |