feat: add notifications widget

1 files changed, 2 insertions, 86 deletions

diff --git a/style.scss b/style.scss
index bbc7078..d45eaa5 100644
--- a/style.scss
+++ b/style.scss
@@ -2,89 +2,5 @@
 // $fg-color: #{"@theme_fg_color"};
 // $bg-color: #{"@theme_bg_color"};
 
-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;
-  }
-}
-
-
-window.Notifications {
-  background-color: #000;
-  color: #fff;
-}
+@use "./widget/bar/Bar";
+@use "./widget/notifications/Notifications";