@import "compass/support";

// This mixin provides basic support for CSS3 properties and
// their corresponding experimental CSS2 properties when
// the implementations are identical except for the property
// prefix.
@mixin experimental($property, $value,
	$moz      : $experimental-support-for-mozilla,
	$webkit   : $experimental-support-for-webkit,
	$o        : $experimental-support-for-opera,
	$ms       : $experimental-support-for-microsoft,
	$khtml    : $experimental-support-for-khtml,
	$official : true
) {
	@if $webkit  and $experimental-support-for-webkit    { -webkit-#{$property} : $value; }
	@if $khtml   and $experimental-support-for-khtml     {  -khtml-#{$property} : $value; }
	@if $moz     and $experimental-support-for-mozilla   {    -moz-#{$property} : $value; }
	@if $ms      and $experimental-support-for-microsoft {     -ms-#{$property} : $value; }
	@if $o       and $experimental-support-for-opera     {      -o-#{$property} : $value; }
	@if $official                                        {         #{$property} : $value; }
}

// Same as experimental(), but for cases when the property is the same and the value is vendorized
@mixin experimental-value($property, $value,
	$moz      : $experimental-support-for-mozilla,
	$webkit   : $experimental-support-for-webkit,
	$o        : $experimental-support-for-opera,
	$ms       : $experimental-support-for-microsoft,
	$khtml    : $experimental-support-for-khtml,
	$official : true
) {
	@if $webkit  and $experimental-support-for-webkit    { #{$property} : -webkit-#{$value}; }
	@if $khtml   and $experimental-support-for-khtml     { #{$property} :  -khtml-#{$value}; }
	@if $moz     and $experimental-support-for-mozilla   { #{$property} :    -moz-#{$value}; }
	@if $ms      and $experimental-support-for-microsoft { #{$property} :     -ms-#{$value}; }
	@if $o       and $experimental-support-for-opera     { #{$property} :      -o-#{$value}; }
	@if $official                                        { #{$property} :         #{$value}; }
}