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