Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2025-10-31 03:45:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve scroll-bar styling

Browse Source 
and fix hidden gist scrollbar
This commit is contained in:
Aditya Telange
2021-01-25 21:04:29 +05:30
parent cd03c69e40
commit 9c50449ce8
3 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/post-single.css
View File

@@ -347,9 +347,19 @@ h6:hover .anchor {
}
.post-content ::-webkit-scrollbar-thumb {
border: 2px solid var(--hljs-bg);
background: rgba(255, 255, 255, 0.32)
}
.post-content ::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.64)
background: rgba(255, 255, 255, 0.56)
}
.gist ::-webkit-scrollbar-thumb {
border: 2px solid rgb(255, 255, 255);
background: rgba(0, 0, 0, 0.32)
}
.gist ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.56)
}

5
assets/css/reset.css
View File

@@ -123,9 +123,14 @@ img {
::-webkit-scrollbar-thumb {
background: var(--tertiary);
border: 5px solid var(--theme);
border-radius: var(--radius)
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border: 5px solid var(--code-bg)
}
::-webkit-scrollbar-thumb:hover {
background: var(--secondary)
}

4
assets/css/zmedia.css
View File

@@ -27,8 +27,8 @@
@media screen and (min-width: 768px) {
/* reset */
::-webkit-scrollbar {
width: 10px;
height: 6px;
width: 19px;
height: 11px;
}
}