powercoder23
diff --git a/‎_src/app/docs/index.html
Lines changed: 1 addition & 0 deletions b/‎_src/app/docs/index.html
Lines changed: 1 addition & 0 deletions
diff --git a/‎_src/app/docs/src/style.less
Lines changed: 1 addition & 10 deletions b/‎_src/app/docs/src/style.less
Lines changed: 1 addition & 10 deletions
diff --git a/‎_src/app/index.html
Lines changed: 1 addition & 0 deletions b/‎_src/app/index.html
Lines changed: 1 addition & 0 deletions
diff --git a/‎_src/app/src/base.less
Lines changed: 18 additions & 8 deletions b/‎_src/app/src/base.less
Lines changed: 18 additions & 8 deletions
diff --git a/‎bundle.css
Lines changed: 1 addition & 1 deletion b/‎bundle.css
Lines changed: 1 addition & 1 deletion
@@ -5,6 +5,7 @@
     <title>Immutable.js</title>
     <link rel="icon" type="image/png" href="../static/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" href="//code.cdn.mozilla.net/fonts/fira.css">
     <link rel="stylesheet" type="text/css" href="bundle.css" />
     <base target="_blank" />
   </head>
 
@@ -156,22 +156,13 @@
   text-transform: uppercase;
 }
 
-code {
-  background: #FCFBFA;
-  color: #484A4C;
-  font-family: Menlo, monospace;
-  font-size: 0.9em;
-  margin: -0.1rem -0.25em;
-  padding: 0.1rem 0.25em;
-}
-
 .codeBlock {
   -webkit-overflow-scrolling: touch;
   background: #FCFBFA;
   border-left: solid 3px #ECEAE9;
   box-sizing: border-box;
   display: block;
-  font-size: 0.8125em;
+  font-size: 0.875em;
   margin: 0.5rem 0;
   overflow-y: scroll;
   padding: 0.5rem 8px 0.5rem 12px;
 
@@ -5,6 +5,7 @@
     <title>Immutable.js</title>
     <link rel="icon" type="image/png" href="./static/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" href="//code.cdn.mozilla.net/fonts/fira.css">
     <link rel="stylesheet" type="text/css" href="bundle.css" />
     <base target="_blank" />
   </head>
 
@@ -10,10 +10,15 @@ html, body {
   padding: 0;
   -webkit-font-smoothing: antialiased;
   color: @body-color;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 16px;
-  line-height: 1.625;//42857143;
-  letter-spacing: -0.1pt;
+  line-height: 1.625;
+}
+
+@media only screen and (max-width: 680px) {
+  body {
+    font-size: 14px;
+  }
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -25,10 +30,15 @@ a {
   text-decoration: none;
 }
 
-@media only screen and (max-width: 680px) {
-
-  body {
-    font-size: 14px;
-  }
+pre, code {
+  font-family: 'Fira Mono', Menlo, monospace;
+  background: #FCFBFA;
+  color: #484A4C;
+  font-size: 0.9375em;
+  letter-spacing: -0.015em;
+}
 
+code {
+  margin: -0.1rem -0.25em;
+  padding: 0.1rem 0.25em;
 }