From f3641ddc2caa05598b4fe2e8cd0f8da6af41016e Mon Sep 17 00:00:00 2001
From: KorbsStudio <ks@korbsstudio.com>
Date: Sat, 11 Feb 2023 15:56:54 -0500
Subject: [PATCH] Add styling for notifications

---
 astro/styles/notification.scss | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 astro/styles/notification.scss

diff --git a/astro/styles/notification.scss b/astro/styles/notification.scss
new file mode 100644
index 0000000..65143d0
--- /dev/null
+++ b/astro/styles/notification.scss
@@ -0,0 +1,31 @@
+li.notification {
+    display: grid;
+    background: #38488f;
+    margin-bottom: 16px;
+    img {
+        margin: -12px 0px 12px 0px;
+        border-radius: 6px 6px 0px 0px;
+    }
+    .notification-title {
+        font-size: 16px;
+        padding: 12px;
+    }
+    .notification-message {
+        font-size: 14px;
+        padding: 0px 12px;
+    }
+    .notification-actions {
+        padding: 12px 12px 0px 12px;
+        display: grid;
+        grid-auto-flow: column;
+        grid-gap: 4px;
+        button {
+            border: 1px #ffffff5c solid;
+            border-radius: 4px;
+            padding: 6px 0px;
+            background: #0000006b;
+            color: white;
+        }
+        button#secondary {background: transparent}
+    }
+}
\ No newline at end of file