chrisj
1/9/2019 - 8:10 PM

Custom Vertical Gradient Mixin

/**
 * Custom Vertical Gradient
 */
@mixin custom-vertical-gradient($start, $start-pos, $end, $end-pos) {
  background: $start; /* Old browsers */
  background: -moz-linear-gradient(top, $start $start-pos, $end $end-pos); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop($start-pos,$start), color-stop($end-pos,$end)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, $start $start-pos,$end $end-pos); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, $start $start-pos,$end $end-pos); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, $start $start-pos,$end $end-pos); /* IE10+ */
  background: linear-gradient(to bottom, $start $start-pos,$end $end-pos); /* W3C */
}