Added light notification messages

app/partials/views/components/notification-message.jade

@@ -13,7 +13,6 @@ div.hidden.notification-message.notification-message-error
     a.icon.icon-delete(href="", title="Close notification")
 
 div.hidden.notification-light.notification-message-light-error
-    div.icon.icon-notification-error
     div.text
         h4.warning Oops, something happened...
         p Our oompa Loompas are sad, your changes were not saved!

app/styles/components/notification-message.scss

@@ -42,3 +42,39 @@
         vertical-align: sub;
     }
 }
+
+.notification-light {
+    @include transition(padding .2s linear);
+    background: rgba(0, 0, 0, .8);
+    color: $white;
+    left: calc(50% - 200px);
+    padding: 4% 1rem .2rem;
+    position: absolute;
+    top: 0;
+    width: 400px;
+    z-index: 999;
+    &.hidden {
+        @include transition (padding .2s linear);
+        padding: 1% 1rem .2rem;
+    }
+    .text {
+        display: inline-block;
+        margin-left: .5rem;
+        width: 80%;
+    }
+    .warning {
+        @extend %large;
+        @extend %bold;
+        color: $white;
+        line-height: 2.4rem;
+    }
+    .icon-delete {
+        color: $white;
+        position: absolute;
+        right: 1rem;
+    }
+}
+
+.notification-message-light-error {
+    @include background(240, 15, 8, .8);
+}

app/styles/dependencies/colors.scss

@@ -19,6 +19,8 @@ $very-light-gray: #e3e3e3;
 $red-light: #ff8282;
 $red: #f00;
 
+$rgba-red: 240, 15, 0, .8;
+
 $orange: #d98a0b;
 
 $button-green: #699b05;

app/styles/dependencies/mixins.scss

@@ -50,3 +50,7 @@
         max-height: $max;
     }
 }
+
+@mixin background($red: 255, $green: 255, $blue: 255, $opacity: 1) {
+    background: rgba($red, $green, $blue, $opacity);
+}

app/styles/layout/login.scss

@@ -52,18 +52,6 @@
             background: $fresh-taiga;
         }
     }
-    .reset-pass-text {
-        display: none;
-        span,
-        strong {
-            display: block;
-            text-align: center;
-        }
-        .title {
-            @extend %large;
-            line-height: 2rem;
-        }
-    }
 }
 
 .login-error {