fix(navbar): Correct the look of navigation links

Signed-off-by: Valentin Popov <info@valentineus.link>

_includes/navbar.html

@@ -4,7 +4,9 @@
     <ul class="nav-pills">
         {% unless page.url == "/index.html" %}
             <li role="presentation">
+                <strong>
                     <a class="nav-link" href="/">Home</a>
+                </strong>
             </li>
         {% endunless %}
 
@@ -12,9 +14,11 @@
         <ul class="nav-pills nav-right">
             {% for page in pages %}
                 <li role="presentation">
+                    <strong>
                         <a class="nav-link" href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
                             {{ page.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
                         </a>
+                    </strong>
                 </li>
             {% endfor %}
         </ul>

_scss/components/_navigation.scss

@@ -8,26 +8,19 @@
   li {
     float: left;
     padding: .5em;
-
-    &:first-child {
-      padding-left: 0;
-    }
-
-    &:last-child {
-      padding-right: 0;
-    }
   }
 }
 
 .nav-link {
   text-align: center;
   text-decoration: none;
+  text-transform: uppercase;
 
   &:active,
   &:focus,
   &:hover {
     border: 0;
-    text-decoration: underline;
+    text-decoration: none;
   }
 }