تعریف میکسین(Defining a Mixin)

یک میکس با دستور @mixin تعریف شده است.



Sass @mixin Syntax:



@mixin name {
  property: value;
  property: value;
 
...
}


مثال زیر یک میکسنی با نام "important-text" ایجاد می کند:



SCSS Syntax:



@mixin
important-text {
  color:
red;
  font-size: 25px;
  font-weight: bold;
 
border: 1px solid blue;
}







نکته: نکته ای در مورد خط تیره و زیرخط در Sass: خط فاصله و زیرخط یکسان در نظر گرفته می شوند.
این بدان معنی است که @mixin important-text {} و @mixin important_text {} در نظر گرفته می شوند
به عنوان همان mixin!