Style refinements (#69)

- Fix color + hover state of share + pagination
- Remove link visited color

_includes/pagination.html

@@ -3,15 +3,15 @@
   <ul class="pagination justify-content-center">
     {% if page.previous.url %}
     <li class="page-item">
-      <a class="page-link" href="{{ page.previous.url }}" title="{{ page.previous.title }}" tabindex="-1">
+      <a class="page-link text-secondary" href="{{ page.previous.url }}" title="{{ page.previous.title }}">
       <i class="fa fa-chevron-left" aria-hidden="true"></i>
       Previous
       </a>
     </li>
     {% endif %}
     {% if page.next.url %}
     <li class="page-item">
-      <a class="page-link" href="{{ page.next.url }}" title="{{ page.next.title }}">Next
+      <a class="page-link text-secondary" href="{{ page.next.url }}" title="{{ page.next.title }}">Next
       <i class="fa fa-chevron-right" aria-hidden="true"></i>
       </a>
     </li>

_includes/social_share.html

@@ -1,10 +1,15 @@
+
 <nav aria-label="Share on social media">
     <ul class="pagination justify-content-center">
         <li class="page-item">
-            <a class="page-link" href="https://twitter.com/intent/tweet?text={{ page.title|url_encode }}%20via%20@twcnewsletter%20{{ page.url | absolute_url }}" title="Share on Twitter" target="_blank"><i class="fa fa-twitter"></i> Tweet</a>
+            <a class="page-link text-dark" href="https://twitter.com/intent/tweet?text={{ page.title|url_encode }}%20via%20@twcnewsletter%20{{ page.url | absolute_url }}" title="Share on Twitter" target="_blank">
+                <i class="fa fa-twitter"></i> Tweet
+            </a>
         </li>
         <li class="page-item">
-            <a class="page-link" href="https://www.facebook.com/sharer.php?u={{ page.url | absolute_url }}" title="Share on Facebook" target="_blank"><i class="fa fa-facebook"></i> Post</a>
+            <a class="page-link text-dark" href="https://www.facebook.com/sharer.php?u={{ page.url | absolute_url }}" title="Share on Facebook" target="_blank">
+                <i class="fa fa-facebook"></i> Post
+            </a>
         </li>
     </ul>
 </nav>

css/style.scss

@@ -18,7 +18,7 @@ a:hover {
 }
 
 a:visited {
-  color: $color-brand-dark;
+  color: $color-brand;
 }
 
 blockquote {