From f03ecbc8e7fd25c9af98ba5a1e1ae63298231aa5 Mon Sep 17 00:00:00 2001
From: "@soyjavi" <javi.jimenez.villar@gmail.com>
Date: Sun, 1 Nov 2015 10:07:31 +0700
Subject: [PATCH] Normalize code font

---
 docs/app/components/_globals.scss       |  3 ---
 docs/app/components/_mixins.scss        |  2 +-
 docs/app/components/markdown/style.scss | 10 ++++++++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/docs/app/components/_globals.scss b/docs/app/components/_globals.scss
index 3407642f..e1a8f226 100644
--- a/docs/app/components/_globals.scss
+++ b/docs/app/components/_globals.scss
@@ -9,6 +9,3 @@ $color-divider: $color-divider;
 $color-content: #fafafa;
 $animation-duration: 250ms;
 $animation-ease: ease-in-out;
-
-$code-font-family: Consolas, Monaco, 'Andale Mono', monospace;
-$code-font-size: 13px;
diff --git a/docs/app/components/_mixins.scss b/docs/app/components/_mixins.scss
index 393c1612..e01c4f67 100644
--- a/docs/app/components/_mixins.scss
+++ b/docs/app/components/_mixins.scss
@@ -1,5 +1,5 @@
 @mixin code-typography {
-  font-family: 'source-code-pro', Menlo, Consolas, 'Courier New', monospace;
+  font-family: 'source-code-pro', Menlo, Consolas, Monaco, 'Andale Mono', 'Courier New', monospace;
   font-size: 13px;
   line-height: 1.4;
 }
diff --git a/docs/app/components/markdown/style.scss b/docs/app/components/markdown/style.scss
index 2ee210ea..40973aea 100644
--- a/docs/app/components/markdown/style.scss
+++ b/docs/app/components/markdown/style.scss
@@ -1,4 +1,5 @@
 @import "../globals";
+@import "../mixins";
 
 $documentation-h1-size: 3.4 * $unit;
 $documentation-h2-size: 2.4 * $unit;
@@ -39,13 +40,18 @@ $documentation-code-background: rgba(0, 0, 0, .0588235);
     &:first-child {
       background-color: red;
     }
+    a {
+      color: $color-text;
+      text-decoration: underline;
+    }
   }
   pre {
     padding: $documentation-v-offset $documentation-h-offset;
-    font-family: $code-font-family;
-    font-size: $code-font-size;
     background-color: $documentation-code-background;
   }
+  code {
+    @include code-typography;
+  }
   table {
     width: auto;
     background-color: white;