sass - mixin

$basefontSize : 12;
@mixin font-size_XXL{font-size:18 / $basefontSize * 100%;}
@mixin font-size_XL{font-size:16 / $basefontSize * 100%;}
@mixin font-size_L{font-size:14 / $basefontSize * 100%;}
@mixin font-size_S{font-size:10 / $basefontSize * 100%;}

@mixin opacity($opacity){
	filter:alpha(opacity=$opacity*100);
	opacity:$opacity;
}

@mixin border-radius($radius){
	-webkit-border-radius: $radius;
	-moz-border-radius: $radius;
	border-radius: $radius;
}

@mixin box-shadow($shadow){
	-webkit-box-shadow:$shadow;
	-moz-box-shadow:$shadow;
	box-shadow:$shadow;
}

@mixin transition($propeaty, $duration, $easing){
	-webkit-transition:$propeaty $duration $easing;
	-moz-transition:$propeaty $duration $easing;
	-ms-transition:$propeaty $duration $easing;
	-o-transition:$propeaty $duration $easing;
	transition:$propeaty $duration $easing;
}

@mixin clearfix{
	*zoom:1;
	&:after{content : ''; display : block; clear : both; height:0;}
	}

@mixin css3pie{behavior: url(/common/styles/PIE.htc);}