Add basic notification support.

1 files changed, 32 insertions, 0 deletions

diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
new file mode 100644
index 00000000..1257e751
--- /dev/null
+++ b/src/components/notifications/notifications.scss
@@ -0,0 +1,32 @@
+.notification {
+  padding: 0.5em;
+  padding-left: 1em;
+  display: flex;
+  border-bottom: 1px solid silver;
+
+  .text {
+    h1 {
+      margin: 0;
+      padding: 0;
+      font-size: 1em;
+    }
+
+    padding-left: 0.5em;
+    p {
+      margin: 0;
+      margin-top: 0;
+      margin-bottom: 0.5em;
+    }
+  }
+
+  .avatar {
+    padding-top: 3px;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+  }
+
+  &:last-child {
+    border: none
+  }
+}