ベンダープリフィックスを自動で付与するSassミックスイン。

_auto_vender_prefixer_01.scss

@mixin vendor-prefix($prop, $value) {
    #{$prop}: $value;
    -webkit-#{$prop}: $value;
    -ms-#{$prop}: $value;
    -moz-#{$prop}: $value;
    -o-#{$prop}: $value;
}

_auto_vender_prefixer_02.scss

// Another pattern
// using an array-like variable

$vendor-prefix: webkit, moz, ms, o;

@mixin add-prefix ($prop, $val) {
    $prop: $val;
	@each $the-prefix in $vendor-prefix {
		-#{$the-prefix + '-' + #{$prop}}: $val;
	}
}