SCSSベンダープレフィックす

素のベンダープレフィックスを書くと

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;

というような書き方になるかと思いますが、
@mixinを使用すれば1か所に集約でき、流用もでき大変便利になります。

Definition

@mixin prefix($declarations, $prefixes: ()) {
  @each $prop, $value in $declarations {
    @each $prefix in $prefixes {
      #{'-' + $prefix + '-' + $prop}: $value;
    }
    #{$prop}: $value;
  }
}

Usage

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

Output

div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

@see : http://www.sitepoint.com/sass-mixins-kickstart-project/#vendor-prefixes