LESS mixin for background with an image stacked on a gradient

mixin.less

.img-grad(
	@color: 		"#fff",
	@bgimg: 		"..",
	@pos:			50% 50%,
	@repeat: 		repeat,
	@begin: 		#fff,
	@end: 			#000,
) {
	/* browsers without support for multiple bgs */
	background: @color @bgimg @pos @repeat;
	/* Webkit - oldest -> newer syntax */
	background: @bgimg @pos @repeat, -webkit-gradient(linear, 0 0, 100% 0, from(@begin), to(@end));
	background: @bgimg @pos @repeat, -webkit-linear-gradient(top, @begin, @end);
	background: @bgimg @pos @repeat, -o-linear-gradient(top, @begin, @end);
	background: @bgimg @pos @repeat, -moz-linear-gradient(top, @begin, @end);
	background: @bgimg @pos @repeat, linear-gradient(top, @begin, @end);
}