Added a Nix Flake and support for running from the Nix Store (#47)

* Added a Nix Flake and support for running from the Nix Store

* Removed variable imports since they're brough in at the top level.

* Removed redundan imports and remove unused files (moved to temp).

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

scss/style/bar/audio.scss

@@ -1,6 +1,3 @@
-@import '../colors';
-@import '../../variables';
-
 .bar-button-icon.volume {
   font-size: 1.3em;
   color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-volume-icon);

scss/style/bar/bar.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import "../../variables";
-
 .bar {
 
   .transparent {

scss/style/bar/battery.scss

@@ -1,6 +1,3 @@
-@import '../colors';
-@import '../../variables';
-
 .bar {
   .battery {
     .bar-button-label.battery {

scss/style/bar/bluetooth.scss

@@ -1,6 +1,3 @@
-@import '../colors';
-@import '../../variables';
-
 .bar-button-icon.bluetooth {
   font-size: 1.15em;
   color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-bluetooth-icon);

scss/style/bar/clock.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .clock {
   color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-clock-text);
 }

scss/style/bar/media.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .bar-button-label.media {
   color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-media-text);
   margin-left: $bar-buttons-media-spacing;

scss/style/bar/menu.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .bar-menu_label {
   color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-dashboard-icon);
   font-size: 1.3em;

scss/style/bar/network.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .bar-button-label.network {
   color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-network-text);
   margin-left: $bar-buttons-network-spacing;

scss/style/bar/notifications.scss

@@ -1,5 +1,3 @@
-@import "../colors";
-
 .bar-button-icon.notifications {
   color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-notifications-icon);
   font-size: 1.3em;

scss/style/bar/power.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .bar-power_label {
   color: $red;
   margin-top: 0.2rem;

scss/style/bar/systray.scss

@@ -1,5 +1,3 @@
-@import "../colors";
-
 .systray button:not(:first-child) {
   margin-left: 0.75rem;
 }
@@ -7,6 +5,7 @@
 .systray-menu {
   background: $crust;
 }
+
 .systray-menu label {
   font-weight: bold;
   color: $text;

scss/style/bar/window_title.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .bar-button-icon.windowtitle {
   color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-windowtitle-icon);
 }

scss/style/bar/workspace.scss

@@ -1,6 +1,3 @@
-@import "../colors";
-@import '../../variables';
-
 .workspaces {
   label {
     font-size: 0.2em;