_tint.scss 463 B

123456789101112131415161718192021222324
  1. @charset "UTF-8";
  2. /// Mixes a color with white.
  3. ///
  4. /// @param {Color} $color
  5. ///
  6. /// @param {Number (Percentage)} $percent
  7. /// The amount of white to be mixed in.
  8. ///
  9. /// @example scss - Usage
  10. /// .element {
  11. /// background-color: tint(#6ecaa6, 40%);
  12. /// }
  13. ///
  14. /// @example css - CSS Output
  15. /// .element {
  16. /// background-color: #a8dfc9;
  17. /// }
  18. ///
  19. /// @return {Color}
  20. @function tint($color, $percent) {
  21. @return mix(#fff, $color, $percent);
  22. }