Generated by SassMeister.com.

SassMeister-input.scss

  // ----
  // Sass (v3.2.10)
  // Compass (v0.13.alpha.4)
  // ----


  // ----
  // Sass (v3.2.10)
  // Compass (v0.13.alpha.4)
  // ----


$baseColorRed: 70;
$baseColorGreen:130;
$baseColorBlue:180;
$baseColorAlpha:1;


@mixin gradient($colors, $position) {
  background: lighten(rgb($baseColorRed,$baseColorGreen,$baseColorBlue),60%); /* Old browsers */
  /**background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,162,178,1)), color-stop(92%,rgba(70,130,180,1))); **/
  background-image: -webkit-linear-gradient($position, $colors);
  background-image: -moz-linear-gradient($position, $colors);
  background-image: linear-gradient($position, $colors);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{nth(nth($colors, 1), 1)}', endColorstr='#{nth(nth($colors, length($colors)), 1)}',GradientType=0 );
}

foo {
    @include gradient((red 30%, green 70%), top);
}

SassMeister-output.css

foo {
  background: white;
  /* Old browsers */
  /**background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,162,178,1)), color-stop(92%,rgba(70,130,180,1))); **/
  background-image: -webkit-linear-gradient(top, red 30%, green 70%);
  background-image: -moz-linear-gradient(top, red 30%, green 70%);
  background-image: linear-gradient(top, red 30%, green 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='green',GradientType=0 );
}