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