Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

@mixin linear-gradient($from, $to){
  background-color:$to;/* Fallback colour */
  background-image: -webkit-gradient(linear, left top, left bottom, from($from),to($to));
  //safari / webkit old version
  background-image: -webkit-linear-gradient(top $from, $to);
  //chrome 10+, safari 6.1+
  background-image: -moz-linear-gradient(top $from, $to);
  //ff3.6+
  background-image: -ms-linear-gradient(top $from, $to);
  //IE10
  background-image: -o-linear-gradient(top $from, $to);
  //Opera 11 - 12
  background-image: linear-gradient(top $from, $to);
}

.container{
  @include linear-gradient(red, blue);
}
.other-container{
  @include linear-gradient(black, #bada55);
}

SassMeister-output.css

.container {
  background-color: blue;
  /* Fallback colour */
  background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
  background-image: -webkit-linear-gradient(top red, blue);
  background-image: -moz-linear-gradient(top red, blue);
  background-image: -ms-linear-gradient(top red, blue);
  background-image: -o-linear-gradient(top red, blue);
  background-image: linear-gradient(top red, blue);
}

.other-container {
  background-color: #bada55;
  /* Fallback colour */
  background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(#bada55));
  background-image: -webkit-linear-gradient(top black, #bada55);
  background-image: -moz-linear-gradient(top black, #bada55);
  background-image: -ms-linear-gradient(top black, #bada55);
  background-image: -o-linear-gradient(top black, #bada55);
  background-image: linear-gradient(top black, #bada55);
}