From 19887637fb3713c6354d1ae3788f4b404312fd35 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Mon, 4 Sep 2017 16:41:34 +0800
Subject: [PATCH] Change mono font for mobiles

---
 _sass/2017/base/base.scss     | 2 +-
 _sass/2017/markdown/code.scss | 2 ++
 _sass/2017/style.scss         | 1 +
 _sass/2017/variables.scss     | 5 +++--
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/_sass/2017/base/base.scss b/_sass/2017/base/base.scss
index 5b5c924fa..7c0351cc2 100644
--- a/_sass/2017/base/base.scss
+++ b/_sass/2017/base/base.scss
@@ -27,7 +27,7 @@ pre, code {
 }
 
 pre {
-  font-size: 0.92em;
+  font-size: $code-size;
 }
 
 /*
diff --git a/_sass/2017/markdown/code.scss b/_sass/2017/markdown/code.scss
index a31846b28..2efae98f4 100644
--- a/_sass/2017/markdown/code.scss
+++ b/_sass/2017/markdown/code.scss
@@ -24,6 +24,8 @@
     overflow: hidden;
     overflow-x: auto;
     background: white;
+    font-size: $code-size;
+    line-height: $code-line-height;
   }
 
   pre > code {
diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss
index d166cb02f..376e1b8bf 100644
--- a/_sass/2017/style.scss
+++ b/_sass/2017/style.scss
@@ -1,4 +1,5 @@
 @import url('https://unpkg.com/hint.css@2.5.0/hint.min.css');
+@import url('https://fonts.googleapis.com/css?family=Cousine');
 @import './variables';
 @import '../vendor/modularscale/modularscale';
 @import '../vendor/iconfonts/ionicons@3';
diff --git a/_sass/2017/variables.scss b/_sass/2017/variables.scss
index 4f7ba7213..da8ef9812 100644
--- a/_sass/2017/variables.scss
+++ b/_sass/2017/variables.scss
@@ -5,7 +5,8 @@
 $gut-small: 16px; // max 480px width
 $gut: 16px;
 $column: 400px;
-$code-size: 0.92em;
+$code-size: 0.96em;
+$code-line-height: 1.5;
 $area-width: $column * 3 + 32px;
 
 /*
@@ -16,7 +17,7 @@ $system-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 $system-mono: 'SFMono-Regular', Consolas, Menlo, 'Liberation Mono', 'Ubuntu Mono', Courier, monospace;
 $body-font: $system-sans;
 $heading-font: $system-sans;
-$monospace-font: $system-mono;
+$monospace-font: cousine, $system-mono;
 
 /*
  * Base colors