From 82b1a118202f5b88797e0c3163d9ad5c952efba4 Mon Sep 17 00:00:00 2001
From: Matt <matt@raintank.io>
Date: Thu, 24 Mar 2016 22:01:33 -0400
Subject: [PATCH] Added a new util class for highlight words, proper variables
 added for light and dark

---
 public/sass/_variables.dark.scss  | 14 ++++++++------
 public/sass/_variables.light.scss | 13 +++++++------
 public/sass/utils/_utils.scss     |  5 +++++
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/public/sass/_variables.dark.scss b/public/sass/_variables.dark.scss
index 84b01692069..26dabd4336f 100644
--- a/public/sass/_variables.dark.scss
+++ b/public/sass/_variables.dark.scss
@@ -48,12 +48,14 @@ $critical:              #ed2e18;
 
 // Scaffolding
 // -------------------------
-$body-bg:  			   rgb(20,20,20);
-$page-bg:  			   $dark-2;
-$body-color:   		 $gray-4;
-$text-color:   	   $gray-4;
-$text-color-strong: $white;
-$text-color-weak: $gray-2;
+$body-bg:  			   	rgb(20,20,20);
+$page-bg:  			   	$dark-2;
+$body-color:   		 	$gray-4;
+$text-color:   	   		$gray-4;
+$text-color-strong: 	$white;
+$text-color-weak: 		$gray-2;
+$text-color-emphasis: 	$gray-5;
+
 
 // gradients
 $brand-gradient: linear-gradient(to right, rgba(255,213,0,0.7) 0%, rgba(255,68,0,0.7) 99%, rgba(255,68,0,0.7) 100%);
diff --git a/public/sass/_variables.light.scss b/public/sass/_variables.light.scss
index 279e284b0be..69584df580a 100644
--- a/public/sass/_variables.light.scss
+++ b/public/sass/_variables.light.scss
@@ -54,12 +54,13 @@ $critical:              #EC2128;
 // Scaffolding
 // -------------------------
 
-$body-bg:  		  $white;
-$page-bg:  		  $white;
-$body-color:    $gray-1;
-$text-color:    $gray-1;
-$text-color-strong: $white;
-$text-color-weak: $gray-1;
+$body-bg:  		  		$white;
+$page-bg:  		  		$white;
+$body-color:    		$gray-1;
+$text-color:    		$gray-1;
+$text-color-strong: 	$white;
+$text-color-weak: 		$gray-1;
+$text-color-emphasis: 	$dark-5;
 
 // gradients
 $brand-gradient: linear-gradient(to right, rgba(255,213,0,1.0) 0%, rgba(255,68,0,1.0) 99%, rgba(255,68,0,1.0) 100%);
diff --git a/public/sass/utils/_utils.scss b/public/sass/utils/_utils.scss
index efccb434d48..b97f1aee50d 100644
--- a/public/sass/utils/_utils.scss
+++ b/public/sass/utils/_utils.scss
@@ -6,6 +6,11 @@
   color: $brand-primary;
 }
 
+.emphasis-word {
+  font-weight: 500;
+  color: $text-color-emphasis;
+}
+
 // Close icons
 // --------------------------------------------------
 .close {