استفاده از Mixin(Using a Mixin)

دستورالعمل @include برای گنجاندن یک میکس استفاده می‌شود.



Sass @include mixin Syntax:



selector {
  @include mixin-name;
}



بنابراین، برای اضافه کردن میکس متن مهم ایجاد شده در بالا:



SCSS Syntax:



.danger {
  @include
important-text;
  background-color: green;
}





ترنسپایلر Sass موارد فوق را به CSS معمولی تبدیل می کند:



CSS output:



.danger {
  color:
red;
  font-size: 25px;
  font-weight: bold;
 
border: 1px solid blue;
  background-color: green;
}


Run مثال »




یک میکس می‌تواند شامل میکس‌های دیگری نیز باشد:



SCSS Syntax:



@mixin special-text {
  @include
important-text;
  @include
link;
  @include
special-border;
}