all repos — website @ 5e7336061921559fb9ddf86ceffb509be5dfaa67

personal website hosted at prithu.xyz, built using hugo 

add webkit scrollbar style
Prithu Goswami prithugoswami524@gmail.com
Fri, 15 May 2020 21:58:04 +0530
commit

5e7336061921559fb9ddf86ceffb509be5dfaa67

parent

c34e4e45f8e4470973e2137bbf09ef83f95cb9cf

1 files changed, 13 insertions(+), 1 deletions(-)

jump to
M static/css/blog.css → static/css/blog.css 
@@ -158,8 +158,20 @@ background: #ddd;
     padding: 1rem;
     margin: 0.5rem 0;
     font-size: 0.9rem;
-    overflow-y: hidden;
     overflow-x: scroll;
+}
+
+.post-text pre::-webkit-scrollbar {
+    height: 6px;
+}
+
+.post-text pre::-webkit-scrollbar-thumb {
+  background-color: rgba(255,255,255,0.35);
+  border-radius: 20px;
+}
+
+.post-text pre::-webkit-scrollbar-thumb:active {
+  background-color: rgba(3,122,255,0.8);
 }
 
 .post-text > p > code{