Forgot pass link and behaviour

app/partials/views/modules/login-form.jade

@@ -4,6 +4,8 @@ div.login-form-container
             input(type="text", name="username", ng-model="form.username", placeholder="User name")
         fieldset
             input(type="password", name="password", ng-model="form.password")
+            //-This should be hidden when focus on pass
+            a.forgot-pass(href="", title="Did you forgot your pass?") Forgot it?
         fieldset
             input.remember-me(type="checkbox", checked="checked")
             label remember me on this computer

app/styles/layout/login.scss

@@ -54,6 +54,31 @@
     }
 }
 
+.login-form-container {
+    .login-password {
+        position: relative;
+    }
+    input:focus {
+        &+.forgot-pass {
+            opacity: 0;
+            @include transition(opacity .5s linear);
+        }
+    }
+    .forgot-pass {
+        @include transition(all .3s linear);
+        @extend %small;
+        color: $gray-light;
+        opacity: 1;
+        position: absolute;
+        right: 1rem;
+        top: .5rem;
+        &:hover {
+            @include transition(color .3s linear);
+            color: $grayer;
+        }
+    }
+}
+
 .register-form-container {
     display: none;
 }