// Return a text color as a gradient from X to Y
//
// 1. Call mixin
// 2. Pass in Direction, first color, first %, second color, second %

@mixin text-gradient($direction, $start-color, $start-amount, $end-color, $end-amount) {

  background: linear-gradient(to $direction, $start-color, $start-amount, $end-color, $end-amount);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}