25 lines
447 B
SCSS
25 lines
447 B
SCSS
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
// Mixes a color with black.
|
||
|
|
//
|
||
|
|
// @param {Color} $color
|
||
|
|
//
|
||
|
|
// @param {Number (Percentage)} $percent
|
||
|
|
// The amount of black to be mixed in.
|
||
|
|
//
|
||
|
|
// @example scss - Usage
|
||
|
|
// .element {
|
||
|
|
// background-color: shade(#0c85ff, 60%);
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// @example css - CSS Output
|
||
|
|
// .element {
|
||
|
|
// background-color: #074f99;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// @return {Color}
|
||
|
|
|
||
|
|
@function shade($color, $percent) {
|
||
|
|
@return mix(#000, $color, $percent);
|
||
|
|
}
|