From 3024bd772662c5982d7430ba9e8d316fe1d65a82 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 14 Jan 2016 12:28:02 +0100
Subject: [PATCH] menu tweaks

---
 _src/_assets/styles/bigchain/_menus.scss | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
index 9a85dde..dd44aa7 100644
--- a/_src/_assets/styles/bigchain/_menus.scss
+++ b/_src/_assets/styles/bigchain/_menus.scss
@@ -33,15 +33,34 @@
     top: 0;
     width: 100%;
     z-index: 2;
-    border-bottom: 1px solid rgba(#fff, .2);
     height: 60px;
 
     .menu__link {
         color: #fff;
         opacity: .8;
 
+        // link line
+        &:after {
+            content: "";
+            height: 2px;
+            width: 30px;
+            background: #fff;
+            display: block;
+            margin: ($spacer / 3) auto 0 auto;
+            // hidden by default
+            transform: scale(0);
+            transform-origin: center;
+            transition: transform .2s ease-out;
+        }
+
         &:hover,
-        &:focus { opacity: 1 }
+        &:focus,
+        &.active {
+            opacity: 1;
+
+            // show link line
+            &:after { transform: scale(1); }
+        }
     }
 }