hippie-style/functions/_tint.scss

@use "sass:color";

// Mixes a color with white.
//
// @param {Color} $color
//
// @param {Number (Percentage)} $percent
//   The amount of white to be mixed in.
//
// @example scss - Usage
//   .element {
//     background-color: tint(#0c85ff, 40%);
//   }
//
// @example css - CSS Output
//   .element {
//     background-color: #9dceff;
//   }
//
// @return {Color}

@function tint($color, $percent) {
  @return color.mix(#fff, $color, $percent);
}