From fdc82fc5aa3e334a0c2c5a6f20377a656ff00dda Mon Sep 17 00:00:00 2001
From: Jason Costello <hello.costello@gmail.com>
Date: Tue, 14 Feb 2017 11:37:11 -0800
Subject: [PATCH] improve klavika declaration

---
 website/source/assets/stylesheets/_docs.scss      | 2 +-
 website/source/assets/stylesheets/_global.scss    | 2 +-
 website/source/assets/stylesheets/_header.scss    | 2 +-
 website/source/assets/stylesheets/_variables.scss | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/website/source/assets/stylesheets/_docs.scss b/website/source/assets/stylesheets/_docs.scss
index 132c4ba202..e5af033fff 100755
--- a/website/source/assets/stylesheets/_docs.scss
+++ b/website/source/assets/stylesheets/_docs.scss
@@ -99,7 +99,7 @@ body.layout-intro{
 	.docs-sidenav{
 		padding-top: 15px;
 		padding-bottom: 15px;
-		font-family: "Klavika-web";
+		font-family: $font-family-klavika;
 		font-size: 16px;
 
 		:last-child{
diff --git a/website/source/assets/stylesheets/_global.scss b/website/source/assets/stylesheets/_global.scss
index ba7d813d9d..d292c49d54 100755
--- a/website/source/assets/stylesheets/_global.scss
+++ b/website/source/assets/stylesheets/_global.scss
@@ -17,7 +17,7 @@ body {
 
 h1, h2, h3, h4, h5 {
     -webkit-font-smoothing: antialiased;
-    font-family: "klavika-web";
+    font-family: $font-family-klavika;
     font-weight: 600;
 }
 h1{
diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index 1a3a8711e2..4acd721693 100755
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -14,7 +14,7 @@ body.page-sub{
   .navbar-brand {
     .logo{
       font-size: 32px;
-      font-family: "Klavika-web";
+      font-family: $font-family-klavika;
       font-weight: 500;
       background: image-url('logo-header.png') 0 0 no-repeat;
       @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
diff --git a/website/source/assets/stylesheets/_variables.scss b/website/source/assets/stylesheets/_variables.scss
index 0047afc03c..772ce28478 100755
--- a/website/source/assets/stylesheets/_variables.scss
+++ b/website/source/assets/stylesheets/_variables.scss
@@ -45,6 +45,7 @@ $link-hover-color:      	darken($link-color, 15%);
 // Typography
 // -------------------------
 $font-family-open-sans: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
+$font-family-klavika: 'klavika-web', 'klavika', 'Open Sans', Helvtical, Arial, sans-serif;
 
 $text-shadow: 				1px 1px 1px #000;
 $shadow: 					    $text-shadow;