refactor: move styles to seperate folder

widgets/bar/style.scss

@@ -1,80 +0,0 @@
-@use "sass:math";
-@use "sass:list";
-
-window.Bar {
-  background: $bg-color;
-  color: $fg-color;
-  padding: 10px;
-  margin: 10px 10px 0px 10px;
-  border-radius: $rounded;
-
-  .launcher {
-    &:hover {
-      background-color: $bg-color;
-    }
-  }
-
-  .workspace-container {
-    background-color: $bg-color;
-    color: $fg-color;
-    border-radius: $rounded;
-
-    .workspace-button {
-      padding: 0px;
-      border: 0px;
-      margin: 2px;
-      background-color: $inactive-color;
-      min-height: 1rem;
-      min-width: 1rem;
-      border-radius: calc(list.nth(8px, 1) * 1.5);
-      transition: all 0.15s ease-out;
-
-      &:hover {
-        background: rgba($accent, 0.5);
-        &.occupied {
-          background: rgba($accent, 0.5);
-        }
-      }
-
-      &.active {
-        min-width: 2.5rem;
-        min-height: 1rem;
-        background-color: $accent;
-      }
-
-      &.occupied {
-        background-color: $accent;
-        &.active {
-          background-color: $accent;
-        }
-      }
-    }
-  }
-
-  .focused-client {
-    font-size: $font-size;
-    color: $fg-color;
-  }
-
-  .pill {
-    font-size: $font-size;
-    color: $fg-color;
-    background-color: $inactive-color;
-    border-radius: calc($rounded / 1.5);
-    padding: 8px;
-
-    image {
-      -gtk-icon-size: 1.5rem;
-    }
-  }
-
-  .tray {
-    image {
-      -gtk-icon-size: 1.3rem;
-    }
-
-    menubutton {
-      padding: 0px 5px;
-    }
-  }
-}

widgets/launcher/style.scss

@@ -1,38 +0,0 @@
-window.launcher {
-  background: $bg-color;
-  border-radius: $rounded;
-  padding: 10px;
-  font-size: 1.2rem;
-
-  .search {
-    min-width: 300px;
-    padding: 10px;
-    color: rgba($fg-color, 0.5);
-  }
-
-  separator {
-    border: 1px solid rgba($inactive-color, 0.5);
-  }
-
-  .list {
-    background: $bg-color;
-  }
-
-  .button {
-    border-radius: $rounded;
-    padding: 10px;
-
-    &:hover,
-    &:focus {
-      background: $inactive-color;
-    }
-
-    image {
-      -gtk-icon-size: 2rem;
-    }
-  }
-
-  .name {
-    color: $fg-color;
-  }
-}

widgets/notifications/style.scss

@@ -1,30 +0,0 @@
-@use "sass:math";
-@use "sass:list";
-
-window.notifications {
-  margin: 10px;
-
-  .notification {
-    background: $bg-color;
-    padding: 20px;
-    border-radius: $rounded;
-    min-width: 20rem;
-    border: 1px solid transparent;
-
-    &.critical {
-      border: 1px solid rgba(red, 0.5);
-    }
-
-    &.low {
-      border: 1px solid rgba(yellow, 0.5);
-    }
-
-    .text {
-      color: rgba($fg-color, 0.8);
-
-      .title {
-        font-weight: 600;
-      }
-    }
-  }
-}