Add notification bubble.

2016-06-14 23:03:50 +02:00
parent 47cf8e32db
commit bf9ea9976d
2 changed files with 42 additions and 0 deletions
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -158,6 +158,42 @@ ul {
    }
 }

+.notification {
+    padding: 1rem 1.5rem;
+    box-shadow: 0 0 0 1px #000;
+    border-radius: 0.5rem;
+    position: absolute;
+    top: 2rem;
+    right: 2rem;
+    z-index: 100;
+    background-color: #333;
+    color: #eee;
+
+    &__action {
+        margin-left: 1rem;
+        margin-right: 1rem;
+        color: #5bc0de;
+        text-transform: uppercase;
+        font-weight: bold;
+
+        &:hover {
+            text-decoration: none;
+            color: #5bc0de;
+        }
+    }
+
+    &__dismiss {
+        position: relative;
+        bottom: 1px;
+        color: #ccc;
+
+        &:hover {
+            cursor: pointer;
+            color: #fff;
+        }
+    }
+}
+
 .uhk {
    &__layer-switcher {
        &--wrapper {