You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
568 B
22 lines
568 B
7 years ago
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
/// Programatically determines whether a color is light or dark.
|
||
|
|
///
|
||
|
|
/// @link http://robots.thoughtbot.com/closer-look-color-lightness
|
||
|
|
///
|
||
|
|
/// @param {Color (Hex)} $color
|
||
|
|
///
|
||
|
|
/// @example scss - Usage
|
||
|
|
/// is-light($color)
|
||
|
|
///
|
||
|
|
/// @return {Bool}
|
||
|
|
|
||
|
|
@function is-light($hex-color) {
|
||
|
|
$-local-red: red(rgba($hex-color, 1));
|
||
|
|
$-local-green: green(rgba($hex-color, 1));
|
||
|
|
$-local-blue: blue(rgba($hex-color, 1));
|
||
|
|
$-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;
|
||
|
|
|
||
|
|
@return $-local-lightness > 0.6;
|
||
|
|
}
|