Color functions in Sass

Example of how you can saturate,lighten and mix color functions together with Sass.

$color-link: #3097b4;

a {
  color: $color-link;
  text-decoration: underline;
  &:hover {
    color: saturate(lighten($color-link, 15%),20%);
  }
  &:active {
    color: desaturate(darken($color-link, 15%), 25%);
  }
}

Add your comment