From cce701b3e68a56d77fd7f23ce9f48fb253c39ad0 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Wed, 16 May 2018 09:20:43 -0700
Subject: [PATCH] Add top border to hovered icons

---
 css/page.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/css/page.css b/css/page.css
index 79c63554..3785e6de 100644
--- a/css/page.css
+++ b/css/page.css
@@ -41,6 +41,22 @@ body {
     transition: 0.25s ease-out;
 }
 
+/* TODO: Ideally this would be a border not a :before */
+.about a:before {
+    position: absolute;
+    top: 0;
+    content: "";
+    width: 42px; /* TODO: This should be derived not hard coded */
+    height: 1px;
+    background-color: rgba(255, 255, 255, 0);
+    transition: 0.25s ease-out;
+}
+
+.about a:hover:before {
+    background-color: rgba(255, 255, 255, 255);
+    transition: 0.25s ease-out;
+}
+
 .about a:hover svg {
     transition: 0.25s ease-out;
     transform: scale(1.35);