Seperate electron and web target building

shared/src/components/notification/index.ts

@@ -0,0 +1 @@
+export * from './notification.component';

shared/src/components/notification/notification.component.html

@@ -0,0 +1,3 @@
+<span class="text">Keymap removed</span>
+<a href="#" class="action action--undo">Undo</a>
+<span class="dismiss">&times;</span>

shared/src/components/notification/notification.component.scss

@@ -0,0 +1,38 @@
+:host {
+    padding: 1rem 1.5rem;
+    box-shadow: 0 0 0 1px #000;
+    border-radius: 0.5rem;
+    position: absolute;
+    top: 2rem;
+    right: 2rem;
+    z-index: 10000;
+    background-color: #333;
+    color: #eee;
+    display: none;
+}
+
+.action {
+    margin-left: 1rem;
+    margin-right: 1rem;
+    color: #5bc0de;
+    text-transform: uppercase;
+    font-weight: bold;
+
+    &:focus,
+    &:active,
+    &:hover {
+        text-decoration: none;
+        color: #5bc0de;
+    }
+}
+
+.dismiss {
+    position: relative;
+    bottom: 1px;
+    color: #ccc;
+
+    &:hover {
+        cursor: pointer;
+        color: #fff;
+    }
+}

shared/src/components/notification/notification.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'notification',
+    template: require('./notification.component.html'),
+    styles: [require('./notification.component.scss')]
+})
+export class NotificationComponent {
+
+    constructor() {
+    }
+}