scss로 프리픽스 자동으로 붙이는 mixin 지정

// 프리픽스 붙이는 요소에 사용하는 prifix mixin 선언
@mixin prefix($property, $value, $prefixes: ()) { 
    @each $prefix in $prefixes { 
      #{'-' + $prefix + '-' + $property}: $value; 
    } 
    #{$property}: $value; 
  }

 

사용법  예시

div{  @include prefix(border-radius, 100px, webkit moz ms o)   }

 

속성명 , 속성값, 프리픽스들 순으로 사용하면 된다.