استفاده از Mixin برای پیشوندهای فروشنده(Using a Mixin For Vendor Prefixes)

یکی دیگر از کاربردهای خوب میکسین برای فروشنده است
پیشوندها.


در اینجا یک مثال برای تبدیل آورده شده است:



SCSS Syntax:



@mixin transform($property) {
  -webkit-transform: $property;
 
-ms-transform: $property;
  transform: $property;
}

.myBox {
  @include transform(rotate(20deg));

}





پس از کامپایل، CSS به این شکل خواهد بود:



CSS Output:



.myBox {
  -webkit-transform: rotate(20deg);
  -ms-transform:
rotate(20deg);
  transform: rotate(20deg);
}