Add Calibre Thin font

Author: Joseph Cortbawi

src/typography/_fonts_config.scss

@@ -7,6 +7,7 @@
  * @todo Create a mixin for fonts. https://trello.com/c/pjMl9MoQ
  */
 
+$calibre-thin: "Calibre Thin";
 $calibre-light: "Calibre Light";
 $calibre-medium: "Calibre Medium";
 $verlag-black: "Verlag Black";
@@ -16,6 +17,20 @@ $chronicle-deck-italic: "Chronicle Deck Italic";
 $sans-stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
 $serif-stack: Georgia, serif;
 
+@mixin calibre-thin {
+  font-family: $sans-stack;
+  font-weight: 400;
+  font-style: normal;
+
+  .fonts-1 & {
+    font-family: $calibre-light;
+  }
+
+  .fonts-2 & {
+    font-family: $calibre-thin;
+  }
+}
+
 @mixin calibre-light {
   font-family: $sans-stack;
   font-weight: 400;

src/typography/_load_fonts.scss

@@ -5,6 +5,12 @@
  * @see app/assets/js/load-fonts.js
  */
 
+@font-face {
+  font-family: "Calibre Thin";
+  src: url('https://s3.amazonaws.com/nightshade-fonts/CalibreThin.woff2') format('woff2'),
+       url('https://s3.amazonaws.com/nightshade-fonts/CalibreThin.woff') format('woff');
+}
+
 @font-face {
   font-family: "Calibre Light";
   src: url('https://s3.amazonaws.com/nightshade-fonts/CalibreWeb-Light.woff2') format('woff2'),