RyoSugimoto
2/24/2013 - 1:16 PM

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

ベンダープリフィックスを自動で付与する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;
}