[styles] Prettifies all style files

Author: jacomyal

src/styles/_base.scss

@@ -118,17 +118,17 @@
 .btn-outline-dark {
   color: var(--bs-body-color);
   border-color: var(--bs-body-color);
-  
+
   &:hover {
-      color: var(--bs-body-bg);
-      background-color: var(--bs-body-color);
+    color: var(--bs-body-bg);
+    background-color: var(--bs-body-color);
   }
 }
 
 .nav {
   .nav-item {
-      .nav-link.link-dark {
-          color: var(--bs-btn-hover-color)!important;
-      }
+    .nav-link.link-dark {
+      color: var(--bs-btn-hover-color) !important;
+    }
   }
 }

src/styles/_dark.scss

@@ -1,10 +1,9 @@
 @include color-mode(dark) {
-    --toolbar-bg: #{$black};
-    --panels-bg: #{$gray-700};
-    --panels-bg-rgb: 73,80,87;
-    --range-in-bg: #{$gray-800};
-    --range-in-body: #{$gray-800};
-    --range-out-bg: #{$gray-200};
-    --range-out-body: #{$gray-200};
+  --toolbar-bg: #{$black};
+  --panels-bg: #{$gray-700};
+  --panels-bg-rgb: 73, 80, 87;
+  --range-in-bg: #{$gray-800};
+  --range-in-body: #{$gray-800};
+  --range-out-bg: #{$gray-200};
+  --range-out-body: #{$gray-200};
 }
-  

src/styles/_forms.scss

@@ -1,11 +1,11 @@
 .form-control.react-select.is-invalid {
-    border: none;
-    padding-left:0;
-    padding-top:0;
-    padding-bottom: 0;
+  border: none;
+  padding-left: 0;
+  padding-top: 0;
+  padding-bottom: 0;
 
-    > div {
-        border-color: var(--bs-form-invalid-border-color);
-        box-shadow: none;
-    }
-}
+  > div {
+    border-color: var(--bs-form-invalid-border-color);
+    box-shadow: none;
+  }
+}

src/styles/_graph-page.scss

@@ -34,17 +34,17 @@
   }
   .sigma-controls {
     .btn-dark {
-        color: var(--bs-btn-hover-color);
-        background-color: var(--bs-btn-hover-bg);
-        border-color: var(--bs-btn-hover-border-color);
-        
-        &:hover {
-            color: var(--bs-btn-color);
-            background-color: $black;
-            border-color: var(--bs-btn-border-color);
-        }
+      color: var(--bs-btn-hover-color);
+      background-color: var(--bs-btn-hover-bg);
+      border-color: var(--bs-btn-hover-border-color);
+
+      &:hover {
+        color: var(--bs-btn-color);
+        background-color: $black;
+        border-color: var(--bs-btn-border-color);
+      }
     }
-}
+  }
 
   .toolbar,
   .filler,

src/styles/_loader.scss

@@ -27,4 +27,4 @@
 .z-over-loader {
   z-index: 10;
   position: relative;
-}
+}

src/styles/_slider.scss

@@ -33,7 +33,7 @@
     background: var(--bs-body-bg) !important;
 
     .flexbox-fix label {
-      color:var(--bs-body-color) !important;
+      color: var(--bs-body-color) !important;
     }
   }
 }

src/styles/_variables-override.scss

@@ -19,11 +19,11 @@ $form-switch-checked-bg-image: $form-switch-bg-image;
 $toolbar-bg: $gray-400;
 $panels-bg: $gray-200;
 :root {
-    --toolbar-bg: #{$gray-400};
-    --panels-bg: #{$gray-200};
-    --panels-bg-rgb: 233,236,239;
-    --range-in-bg: #{$gray-400};
-    --range-in-body: #{$gray-100};
-    --range-out-bg: #{$gray-800};
-    --range-out-body: #{$gray-800};
+  --toolbar-bg: #{$gray-400};
+  --panels-bg: #{$gray-200};
+  --panels-bg-rgb: 233, 236, 239;
+  --range-in-bg: #{$gray-400};
+  --range-in-body: #{$gray-100};
+  --range-out-bg: #{$gray-800};
+  --range-out-body: #{$gray-800};
 }