mirror of
https://github.com/scratchfoundation/scratchx.git
synced 2024-12-01 11:57:05 -05:00
24 lines
463 B
SCSS
24 lines
463 B
SCSS
@charset "UTF-8";
|
|
|
|
/// 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(#6ecaa6, 40%);
|
|
/// }
|
|
///
|
|
/// @example css - CSS Output
|
|
/// .element {
|
|
/// background-color: #a8dfc9;
|
|
/// }
|
|
///
|
|
/// @return {Color}
|
|
|
|
@function tint($color, $percent) {
|
|
@return mix(#fff, $color, $percent);
|
|
}
|