From a9e5115558401a34d3f7a0850e6b7570d370e388 Mon Sep 17 00:00:00 2001
From: mustafahlvc <mustafahlvc@gmail.com>
Date: Tue, 15 Aug 2017 10:34:57 +0300
Subject: [PATCH] webkit-scrollbar styles added.

---
 src/app/core/scss/core.scss                 |  1 +
 src/app/core/scss/partials/_scrollbars.scss | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/app/core/scss/partials/_scrollbars.scss

diff --git a/src/app/core/scss/core.scss b/src/app/core/scss/core.scss
index b0f47128..173750f9 100644
--- a/src/app/core/scss/core.scss
+++ b/src/app/core/scss/core.scss
@@ -18,6 +18,7 @@
 // Partials
 @import "partials/reset";
 @import "partials/normalize";
+@import "partials/scrollbars";
 @import "partials/helpers";
 @import "partials/global";
 @import "partials/icons";
diff --git a/src/app/core/scss/partials/_scrollbars.scss b/src/app/core/scss/partials/_scrollbars.scss
new file mode 100644
index 00000000..fc29ef16
--- /dev/null
+++ b/src/app/core/scss/partials/_scrollbars.scss
@@ -0,0 +1,19 @@
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    background-color: rgba(0, 0, 0, 0);
+    opacity: 0;
+    border-radius: 100px;
+    &:hover {
+        background-color: #EEE;
+        opacity: 0.9;
+    }
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #AAA;
+    border-radius: 100px;
+    &:active {
+        background: #999;
+    }
+}