Gradient scss mixin

_gradient.scss

// Vertical gradient scss mixin

@mixin gradient($start-color: #f3f3f3, $end-color: #fcfcfc) {
  background: $start-color; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}'); /* ie */
  background: -webkit-gradient(linear, left top, left bottom, from($start-color), to($end-color)); /* webkit */
  background: -moz-linear-gradient(top,  $start-color,  $end-color); /* ff */
}

// --- Usage ---

section.info {
  @include gradient;
}