Skip to content

Instantly share code, notes, and snippets.

@jonnykates

jonnykates/text-contrast-david-halford.scss

Created April 22, 2018 16:30
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonnykates/c2961ec71d493ede56ac9dcd55f10254 to your computer and use it in GitHub Desktop.
Save jonnykates/c2961ec71d493ede56ac9dcd55f10254 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
text-contrast-david-halford.scss
@mixin text-contrast($n) {
$color-brightness: round((red($n)*299)+(green($n)*587)+(blue($n)*114)/1000);
$light-color: round((red(#ffffff)*299)+(green(#ffffff)*587)+(blue(#ffffff)*114)/1000);
@if abs($color-brightness) < ($light-color/2){
color: white;
} @else {
color: black;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment