Add blog to main nav

Author: csswizardry

_includes/css/csswizardry.min.css

@@ -13,7 +13,8 @@
     </li>
 
     <li class=site-nav__item><a href=/       class="site-nav__link  site-nav__home">Home</a></li>
-    <li class=site-nav__item><a href=/about/ class="site-nav__link site-nav__about">About</a></li>
+    <li class=site-nav__item><a href=/about/ class="site-nav__link  site-nav__about">About</a></li>
+    <li class=site-nav__item><a href=/blog/  class="site-nav__link  site-nav__blog">Blog</a></li>
 
     <li class="site-nav__item  has-sub-menu">
       <a href=/services/ class="site-nav__link  site-nav__services">Services</a>

_includes/nav.html

@@ -1,7 +1,7 @@
 ---
 layout: page
 title: CSS Wizardry Blog Archives
-page-class: page--archive
+page-class: page--blog
 permalink: /archive/
 canonical: 'https://csswizardry.com/blog/'
 ---

archive.html

@@ -1,7 +1,7 @@
 ---
 layout: page
 title: CSS Wizardry Blog Archives
-page-class: page--archive
+page-class: page--blog
 permalink: /blog/
 ---
 

blog.html

@@ -399,7 +399,7 @@ $_logo-height:   64px;
 
         }
 
-        @each $page in about, case-studies, speaking, services, contact {
+        @each $page in about, blog, case-studies, speaking, services, contact {
 
           .page--#{$page} .site-nav__#{$page} {
             @extend %site-nav__current;