Linear gradient and background image mixed with SASS

gistfile1.sass

// Basic example

@mixin linear-gradient-image($image-url, $start-color, $stop-color)
  background: url(#{$image-url}) right 0 no-repeat, $stop-color
  background: url(#{$image-url}) right 0 no-repeat, -moz-linear-gradient(top, $start-color, $stop-color)
  background: url(#{$image-url}) right 0 no-repeat, -ms-linear-gradient(top, $start-color, $stop-color)
  background: url(#{$image-url}) right 0 no-repeat, -o-linear-gradient(top, $start-color, $stop-color)
  background: url(#{$image-url}) right 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from($start-color), to($stop-color))
  background: url(#{$image-url}) right 0 no-repeat, -webkit-linear-gradient(top, $start-color, $stop-color)
  background: url(#{$image-url}) right 0 no-repeat, linear-gradient(top, $start-color, $stop-color)

.foo
  +linear-gradient-image("/images/base/buttons/right-select.png", #A8E7FE, #53CBF5)

@include background(url("/image.png") right 0 no-repeat, linear-gradient(top, #A8E7FE, #53CBF5))