gradient.css

div {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(30px, #ffcccc), color-stop(100px, #33ff33), color-stop(100%, #000000));
  background: -webkit-linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
  background: -moz-linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
  background: -o-linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
  background: linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
}

gradient.scss

@import "compass/css3";

div {
  @include background(linear-gradient(#fff, #fcc 30px, #3f3 100px, #000));
}