mixin 예제

SASS mixin to css vendor prefixing

// sass
 
@mixin prefix($property, $value, $prefixes: ()) {
  @each $prefix in $prefixes {
    #{'-' + $prefix + '-' + $property}: $value;
  }
 
  #{$property}: $value;
}
 
button{
@include prefix(box-sizing, border-box, webkit moz);
}
 
// css compiled
 
button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }