// TODO: Remove the top after color compiling works // Below are good.

.grad-grey{

background:
linear-gradient(
  to bottom right,
  rgba(lighten($color-grey, 5%), .85),
  rgba(darken($color-grey, 5%), 1)
);
color: white;

} .grad-one{

background:
linear-gradient(
  to bottom right,
  rgba(lighten($color-one, 5%), .85),
  rgba(darken($color-one, 5%), 1)
);
color: white;

} .grad-two{

background:
linear-gradient(
  to bottom right,
  rgba(lighten($color-two, 5%), .85),
  rgba(darken($color-two, 5%), 1)
);
color: white;

} .grad-three{

background:
linear-gradient(
  to bottom right,
  rgba(lighten($color-three, 5%), .85),
  rgba(darken($color-three, 5%), 1)
);
color: white;

} .grad-four{

background:
linear-gradient(
  to bottom right,
  rgba(lighten($color-four, 5%), .85),
  rgba(darken($color-four, 5%), 1)
);
color: white;

}