From e7ba5e482a2b36c4e5d93a85e655d1a09b191551 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 11 Apr 2018 14:06:35 +0200
Subject: [PATCH] project meta tweaks

---
 src/components/molecules/ProjectLinks.scss    | 25 ++++++++++++++++---
 .../molecules/ProjectTechstack.scss           |  1 -
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/ProjectLinks.scss b/src/components/molecules/ProjectLinks.scss
index 46b2700..392216c 100644
--- a/src/components/molecules/ProjectLinks.scss
+++ b/src/components/molecules/ProjectLinks.scss
@@ -15,15 +15,34 @@
         margin-bottom: 2%;
     }
 
+    .icon {
+        margin-right: $spacer / 3;
+        transition: .2s ease-out;
+        margin-bottom: -.1rem;
+    }
+
     a {
         display: block;
         background: darken($brand-light, 5%);
         text-align: center;
         border-radius: .25rem;
         padding: $spacer / 4;
-    }
+        transition-property: all;
+        color: $text-color;
 
-    .icon {
-        margin-right: $spacer / 3;
+        &:hover,
+        &:focus {
+            background: $brand-cyan;
+            color: #fff;
+
+            .icon {
+                fill: #fff;
+            }
+        }
+
+        &:active {
+            transition: none;
+            background: darken($brand-cyan, 5%);
+        }
     }
 }
diff --git a/src/components/molecules/ProjectTechstack.scss b/src/components/molecules/ProjectTechstack.scss
index 993c8e3..5364dfc 100644
--- a/src/components/molecules/ProjectTechstack.scss
+++ b/src/components/molecules/ProjectTechstack.scss
@@ -13,7 +13,6 @@
         padding: 0;
         flex: 0 0 (100% / 3);
         margin-bottom: $spacer;
-        border-radius: 4rem;
         font-size: $font-size-small;
     }
 }