1 files changed, 36 insertions, 0 deletions
diff --git a/styles/navbar.css b/styles/navbar.css
new file mode 100644
index 0000000..baf9fd6
--- /dev/null
+++ b/styles/navbar.css
@@ -0,0 +1,36 @@
+.navbar .item {
+	margin: var(--spacing-medium);
+	margin-bottom: calc(var(--spacing-medium) + 4px);
+	display: block;
+}
+
+.navbar .bottomArea {
+	position: absolute;
+	bottom: -4px;
+	left: 0;
+}
+
+.navbar {
+	width: 48px;
+	line-height: 0;
+	overflow: visible;
+	white-space: nowrap;
+	z-index: 2;
+}
+
+.navbar .bottomArea .item.notifications {
+	overflow: visible;
+}
+
+.navbar .bottomArea .item.notifications > .iconWrapper {
+	cursor: pointer;
+}
+
+.notifications .notificationDot {
+	background-color: var(--accent);
+	width: 8px;
+	height: 8px;
+	border-radius: 4px;
+	top: 2px;
+	right: 2px;
+}