feat: add notifications widget

1 files changed, 80 insertions, 0 deletions

diff --git a/widget/bar/Bar.scss b/widget/bar/Bar.scss
new file mode 100644
index 0000000..f57d7a7
--- /dev/null
+++ b/widget/bar/Bar.scss
@@ -0,0 +1,80 @@
+window.Bar {
+  border: none;
+  box-shadow: none;
+  background-color: #000;
+  color: #fff;
+
+  >box {
+    padding: 0;
+  }
+}
+
+box.Workspaces {
+  padding-left: 3px;
+
+  >button {
+    min-width: 10px;
+    min-height: 10px;
+    border-radius: 5px;
+
+    border: none;
+    margin: 5px 2px;
+    padding: 0;
+    background: #ccc;
+
+    transition: min-width .1s ease;
+
+    &.active {
+      min-width: 25px;
+    }
+
+    &.focused {
+      background: #AD49E1;
+    }
+  }
+}
+
+box.Tray {
+  margin-right: 5px;
+
+  button {
+    margin: 0;
+    padding: 1px;
+    border: none;
+    border-radius: 0;
+    min-width: 10px;
+    min-height: 10px;
+
+    background: #000;
+  }
+}
+
+box.AudioVolume {
+  margin-right: 20px;
+  min-width: 140px;
+
+  image {
+    margin-right: 5px;
+  }
+
+  scale {
+    margin: 0;
+    padding: 0;
+  }
+
+  trough {
+    border-radius: 20px;
+  }
+
+  highlight {
+    border-radius: 20px;
+    min-height: 10px;
+  }
+
+  slider {
+    margin: 0;
+    min-height: 0;
+    min-width: 0;
+    opacity: 0;
+  }
+}