From 49dfc9fe2de04557b2bada6aece39a5e6b1b35ed Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Fri, 14 Apr 2017 16:23:19 -0700
Subject: [PATCH] feat(aio): scroll bar styling

---
 aio/src/styles/2-modules/_modules-dir.scss |  3 ++-
 aio/src/styles/2-modules/_scrollbar.scss   | 25 ++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 aio/src/styles/2-modules/_scrollbar.scss

diff --git a/aio/src/styles/2-modules/_modules-dir.scss b/aio/src/styles/2-modules/_modules-dir.scss
index a8370d2a6b..69007c7ccb 100644
--- a/aio/src/styles/2-modules/_modules-dir.scss
+++ b/aio/src/styles/2-modules/_modules-dir.scss
@@ -19,4 +19,5 @@
    @import 'banner';
    @import 'api-list';
    @import 'hr';
-   @import 'live-example';
\ No newline at end of file
+   @import 'live-example';
+   @import 'scrollbar';
\ No newline at end of file
diff --git a/aio/src/styles/2-modules/_scrollbar.scss b/aio/src/styles/2-modules/_scrollbar.scss
new file mode 100644
index 0000000000..772ea9faf8
--- /dev/null
+++ b/aio/src/styles/2-modules/_scrollbar.scss
@@ -0,0 +1,25 @@
+body::-webkit-scrollbar {
+    width: 6px;
+}
+ 
+body::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+}
+ 
+body::-webkit-scrollbar-thumb {
+  background-color: $mediumgray;
+  outline: 1px solid $darkgray;
+}
+
+.search-results::-webkit-scrollbar {
+    width: 4px;
+}
+ 
+.search-results::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+}
+ 
+.search-results::-webkit-scrollbar-thumb {
+  background-color: $mediumgray;
+  outline: 1px solid slategrey;
+}
\ No newline at end of file