CSS3 Gradient (Ratchet)

gradient.sass

@mixin gradient($color-from, $color-to)
  background-image: $color-form // Old browsers
  background-image: -moz-linear-gradient(top, $color-form 0%, $color-to 100%) // FF3.6+
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-form), color-stop(100%,$color-to)) // Chrome,Safari4+
  background-image: -webkit-linear-gradient(top, $color-form 0%, $color-to 100%) // Chrome10+,Safari5.1+
  background-image: -o-linear-gradient(top, $color-form 0%, $color-to 100%) // Opera 11.10+
  background-image: -ms-linear-gradient(top, $color-form 0%, $color-to 100%) // IE10+
  background-image: linear-gradient(to bottom, $color-form 0%, $color-to 100%) // W3C