From 356737df52eb32ddfc65ad647ab4dc10af0c9625 Mon Sep 17 00:00:00 2001
From: "max.mehl" <max.mehl@fsfe.org>
Date: Tue, 20 Jun 2017 20:44:04 +0200
Subject: [PATCH] add fancy underline effect

---
 site/static/css/custom.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/site/static/css/custom.css b/site/static/css/custom.css
index c0d86fc..4b6bb23 100644
--- a/site/static/css/custom.css
+++ b/site/static/css/custom.css
@@ -253,3 +253,30 @@ aside.sharecolumn a#gplus-left {
 aside.sharecolumn a#facebook-left {
   background-image: url("/img/share/facebook_white.png");
 }
+
+/* SPECIAL LINK UNDERLINE EFFECT */
+a:not(.btn) {
+  box-shadow: 0 0 1px transparent;
+  display: inline-block;
+  overflow: hidden;
+  position: relative;
+  transform: perspective(1px) translateZ(0px);
+  vertical-align: middle;
+}
+a:not(.btn)::before {
+  background: #006d9e none repeat scroll 0 0;
+  bottom: 0;
+  content: "";
+  height: 1px;
+  left: 50%;
+  position: absolute;
+  right: 50%;
+  transition-duration: 0.3s;
+  transition-property: left, right;
+  transition-timing-function: ease-out;
+  z-index: -1;
+}
+a:not(.btn):hover::before, a:not(.btn):focus::before, a:not(.btn):active::before {
+  left: 0;
+  right: 0;
+}