css scrollbar color

gridwalk · Aug 21, 2018 · 6549c1a · 6549c1a
1 parent 20c2da2
commit 6549c1a
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 6 deletions.
diff --git a/example/codeKeyframes.css b/example/codeKeyframes.css
diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -36,13 +36,13 @@
 
   &.closed{
     #ckf-waveform{
-      height: 70px;
+      height: 50px;
 
       >wave{
-        height: 70px!important;
+        height: 50px!important;
 
         canvas{
-          height: 50px!important;
+          height: 30px!important;
         }
       }
     }
@@ -100,17 +100,55 @@
   }
 
   .controls{
+  	border-top: 1px solid #666;
     a{
       color:#fff;
       text-decoration: none;
-      background-color: #333;
+      background-color: #222;
       display: block;
       text-align: center;
       padding: 10px;
       text-transform: uppercase;
-      border-bottom: 1px solid #ccc;
+      border-bottom: 1px solid #666;
       font-size: 10px;
       width: 140px;
+      &:hover{
+      	background-color: #2a2a2a;
+      }
     }
   }
+
+  ::-webkit-scrollbar {
+	  width: 10px;
+	  height: 10px;
+	}
+	::-webkit-scrollbar-button {
+	  width: 0px;
+	  height: 0px;
+	}
+	::-webkit-scrollbar-thumb {
+	  background: #666;
+	  border: 0;
+	  border-radius: 0px;
+	}
+	::-webkit-scrollbar-thumb:hover {
+	  background: #999;
+	}
+	::-webkit-scrollbar-thumb:active {
+	  background: #ccc;
+	}
+	::-webkit-scrollbar-track {
+	  background: #333;
+	  border: 0;
+	  border-radius: 0px;
+	}
+	::-webkit-scrollbar-track:hover {
+	  background: #333;
+	}
+	::-webkit-scrollbar-track:active {
+	  background: #333;
+	}
+	::-webkit-scrollbar-corner {
+		background: transparent;
+	}
 }