ベンダープリフィックスを自動で付与するSassミックスイン。
// 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;
}
}
@mixin vendor-prefix($prop, $value) {
#{$prop}: $value;
-webkit-#{$prop}: $value;
-ms-#{$prop}: $value;
-moz-#{$prop}: $value;
-o-#{$prop}: $value;
}