From c61dcf483bea7ad632ba5f7044d72f2bd74e670a Mon Sep 17 00:00:00 2001
From: Brian Picciano <mediocregopher@gmail.com>
Date: Tue, 4 Sep 2018 14:45:42 -0400
Subject: make social icons darken on hover

---
 _includes/header.html | 8 ++++----
 assets/main.css       | 6 +++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 4ce71f8..586b613 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -8,14 +8,14 @@
 
     <div class="four columns">
       <div class="social">
-        <a>RSS/Social:</a>
-        <a href="{{ 'feed.xml' | relative_url }}">
+        <span class="spaced">RSS/Social:</span>
+        <a class="spaced" href="{{ 'feed.xml' | relative_url }}">
           <i class="fas fa-rss"></i>
         </a>
-        <a href="https://github.com/{{ site.github_username }}">
+        <a class="spaced" href="https://github.com/{{ site.github_username }}">
           <i class="fab fa-github"></i>
         </a>
-        <a href="https://twitter.com/{{ site.twitter_username }}">
+        <a class="spaced" href="https://twitter.com/{{ site.twitter_username }}">
           <i class="fab fa-twitter"></i>
         </a>
       </div>
diff --git a/assets/main.css b/assets/main.css
index 99b30aa..b43779e 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -22,12 +22,16 @@ ul {
     margin-top: 1rem;
 }
 
-#title-header .social a {
+#title-header .social .spaced {
     color: #AAA;
     text-decoration: none;
     margin-right: 1em;
 }
 
+#title-header .social a:hover {
+    color: #222;
+}
+
 #posts-list {
     margin-top: 3rem;
     list-style: none;
-- 
cgit v1.2.3