From d8f6c861daadcc571ad3852dcd78d34e84421fb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Sun, 2 Dec 2018 22:04:49 -0500
Subject: [PATCH] Prevent background color hover from making icons look weird

---
 agaric/sass/agaric/_base.elements.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/agaric/sass/agaric/_base.elements.scss b/agaric/sass/agaric/_base.elements.scss
index 0038306..264c9b4 100644
--- a/agaric/sass/agaric/_base.elements.scss
+++ b/agaric/sass/agaric/_base.elements.scss
@@ -58,7 +58,6 @@ p {
 
 
 a {
-  // color: $;
   &:hover {
     color: $link-hover;
     background-color: $link-hover-background;
@@ -79,6 +78,15 @@ a {
   }
 }
 
+// Prevent background color hover from making icons look weird.
+a .icon {
+  &:hover,
+  &:focus,
+  &:active {
+    background-color: transparent;
+  }
+}
+
 // Rule
 //
 // Adds big border