sass vendor prefix

@mixin vendor-prefix($name, $value) {
  @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', '') {
    #{$vendor}#{$name}: #{$value};
  }
}

/*
   $deg stands for "5deg", "45deg" etc.
 */
@mixin rotate($deg) {
    @include vendor-prefix('transform', $deg);
}

/*
   $svalue stands for:
   $hoffset $voffset $radius $color like;
   5px 5px 3px #ddd
*/
@mixin box-shadow($svalue) {
    @include vendor-prefix("box-shadow", $svalue)
}