Add headers font variable

zombeats · Jan 22, 2017 · d4e1125 · d4e1125
1 parent cf4fda0
commit d4e1125
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 25 deletions.
diff --git a/assets/scss/global.scss b/assets/scss/global.scss
@@ -35,6 +35,7 @@ h4,
 h5,
 h6 {
   margin: 1.25em 0;
+  font-family: $headers-fonts;
 }
 
 h1 {

diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
@@ -10,10 +10,13 @@ $default-transition-duration : 0.3s;
 
 $sans-font                   : "Open Sans", sans-serif;
 $serif-font                  : serif;
+
+$headers-fonts               : "Cabin";
 $code-font                   : Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
 $quote-font                  : "freight-text-pro", Georgia, Cambria, "Times New Roman", Times, serif;
 $input-font                  : inherit;
 
+
 $font-weight-thin            : 200;
 $font-weight-normal          : 400;
 $font-weight-bold            : 900;

diff --git a/default.hbs b/default.hbs
@@ -1,24 +1,26 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <title>{{meta_title}}</title>
-    {{> meta}}
-    <link rel="stylesheet" type="text/css" href="{{asset "css/bloggy.css"}}" />
-    {{ghost_head}}
-  </head>
-  <body class="{{body_class}}">
-    <div id="fb-root"></div>
-    {{> widgets/subscribe-banner}}
-    <header id="global-header" class="global-header navbar">
-      {{navigation}}
-    </header>
-    <main role="main">
-      <div class="page-wrapper">
-        {{{body}}}
-        <div class="clearfix"></div>
-      </div>
-    </main>
-    <div class="modal fade" id="blogsubscribe" tabindex="-1" role="dialog" aria-labelledby="Email subscription modal" aria-hidden="true">
+
+<head>
+  <title>{{meta_title}}</title>
+  {{> meta}}
+  <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="{{asset "css/bloggy.css"}}" /> {{ghost_head}}
+</head>
+
+<body class="{{body_class}}">
+  <div id="fb-root"></div>
+  {{> widgets/subscribe-banner}}
+  <header id="global-header" class="global-header navbar">
+    {{navigation}}
+  </header>
+  <main role="main">
+    <div class="page-wrapper">
+      {{{body}}}
+      <div class="clearfix"></div>
+    </div>
+  </main>
+  <div class="modal fade" id="blogsubscribe" tabindex="-1" role="dialog" aria-labelledby="Email subscription modal" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
         <header class="modal-header">
@@ -37,10 +39,8 @@
       </div>
     </div>
   </div>
-    <div class="clearfix"></div>
-    {{> footer}}
-    {{ghost_foot}}
-    {{> google-analytics}}
-    {{> share/scripts/twitter}}
-  </body>
+  <div class="clearfix"></div>
+  {{> footer}} {{ghost_foot}} {{> google-analytics}} {{> share/scripts/twitter}}
+</body>
+
 </html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -35,6 +35,7 @@ h4, @@
     h5,
     h6 {
       margin: 1.25em 0;
+      font-family: $headers-fonts;
     }
     h1 {
@@ Expand Down @@