1 files changed, 45 insertions, 0 deletions
diff --git a/client/styles/fancy-scrollbar.styl b/client/styles/fancy-scrollbar.styl
new file mode 100644
index 00000000..c7a30018
--- /dev/null
+++ b/client/styles/fancy-scrollbar.styl
@@ -0,0 +1,45 @@
+.fancy-scrollbar
+  -webkit-overflow-scrolling: touch
+
+  .fancy-scrollbar::-webkit-scrollbar
+    height: 9px
+    width: 9px
+
+  &::-webkit-scrollbar-button:start:decrement,
+  &::-webkit-scrollbar-button:end:increment
+    background: transparent
+    display: none
+
+  &::-webkit-scrollbar-track-piece
+    background: #dbdbdb
+
+    &:vertical:start
+      border-top-left-radius: 5px
+      border-top-right-radius: 5px
+      border-bottom-right-radius: 0
+      border-bottom-left-radius: 0
+
+    &:vertical:end
+      border-top-left-radius: 0
+      border-top-right-radius: 0
+      border-bottom-right-radius: 5px
+      border-bottom-left-radius: 5px
+
+    &:horizontal:start
+      border-top-left-radius: 5px
+      border-top-right-radius: 0
+      border-bottom-right-radius: 0
+      border-bottom-left-radius: 5px
+
+    &:horizontal:end
+      border-top-left-radius: 0
+      border-top-right-radius: 5px
+      border-bottom-right-radius: 5px
+      border-bottom-left-radius: 0
+
+  &::-webkit-scrollbar-thumb:vertical,
+  &::-webkit-scrollbar-thumb:horizontal
+    background: #c2c2c2
+    border-radius: 5px
+    display: block
+    height: 50px