Added fancy scrollbars

src/styles/_scrollbars.scss

@@ -0,0 +1,31 @@
+
+// Chrome
+::-webkit-scrollbar {
+  width: $scrollbar-height;
+  height: $scrollbar-height;
+}
+
+::-webkit-scrollbar-track {
+  background: $scrollbar-track-color;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: $scrollbar-thumb-color;
+  -webkit-transition: background-color $transition;
+  -moz-transition: background-color $transition;
+  -ms-transition: background-color $transition;
+  -o-transition: background-color $transition;
+  transition: background-color $transition;
+
+  &:hover {
+    background: $scrollbar-hover-color;
+  }
+}
+
+// Firefox
+*{
+  scrollbar-color: $scrollbar-thumb-color $scrollbar-track-color;
+  scrollbar-width: thin;
+}

src/styles/_variables.scss

@@ -36,4 +36,9 @@ $multiselect-dark: #35495e;
 $multiselect-border: #e8e8e8;
 $multiselect-highlight: $green;
 $multiselect-highlight-negative: $red;
-$multiselect-disabled: darken(#fff, 40);
+$multiselect-disabled: darken(#fff, 40);
+
+$scrollbar-height: 8px;
+$scrollbar-track-color: lighten($dark, 65);
+$scrollbar-thumb-color: lighten($dark, 40);
+$scrollbar-hover-color: lighten($dark, 30);

src/styles/scrollbars.scss

@@ -1,14 +0,0 @@
-//
-//::-webkit-scrollbar {
-//  width: 8px;
-//}
-//
-//::-webkit-scrollbar-track {
-//  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-//  border-radius: 10px;
-//}
-//
-//::-webkit-scrollbar-thumb {
-//  border-radius: 10px;
-//  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-//}