add color contrast and map-get functions

1 files changed, 23 insertions, 0 deletions

diff --git a/scss/_functions.scss b/scss/_functions.scss
index 5aa9f6620..6c85bbd4e 100644
--- a/scss/_functions.scss
+++ b/scss/_functions.scss
@@ -47,3 +47,26 @@
 
   @return $string;
 }
+
+// Color contrast
+@mixin color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= 128) {
+    color: #111;
+  } @else {
+    color: #fff;
+  }
+}
+
+// Retreive color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}